TimelineItem

TimelineItems são componentes auxiliares utilizados para montar Timelines.

---

Quando não usar:

• Fora de componentes Timeline.

---

Uso

<CdsTimelineItem
	variant="green"
	:loading="false"
	:hollowed="false"
>
	<template #opposite>
		24/01/20202
	</template>
	<template #title>
		Denis Ritchie
	</template>
	<template #content>
		Criador da linguagem de programação C
	</template>
</CdsTimelineItem>

---

Preview

24/01/20202

Denis Ritchie

Criador da linguagem de programação C

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
variant	string	'green'	green teal blue indigo violet pink red orange amber dark	A variante de cor. São 10 variantes:
loading	boolean	false	--	Altera o estado do pin. Quando true torna o pin em um `CdsSpinner`.
hollowed	boolean	false	--	Altera o estado do pin. Quando true deixa o pin sem preenchimento, apenas com borda.
icon	string	null	--	Define o ícone a ser exibido no lugar do pin do TimelineItem. Caso não informado, o pin será exibido.

Slots

Nome	Descrição
#opposite	Slot utilizado para renderização de conteúdo no lado esquerdo do TimelineItem.
#title	Slot utilizado para renderização do título do TimelineItem.
#content	Slot utilizado para renderização do conteúdo do TimelineItem. Os elementos adicionados nesse slot ficam dispostos abaixo do título.

---