RichTooltip

RichTooltip, assim como Tooltips, são labels flutuantes usadas para explicar um da interface, entretanto provêem maior liberdade para descrição de textos estruturados e/ou mais longos.

---

Quando usar:

• O texto a ser exibido como label precisar ocupar várias linhas ou seguir determinada estrurua, como "label: descritor".
• Para exibir informações suplementares sobre uma feature ou elemento da interface.

Quando não usar:

• Com conteúdo simples, composto por poucas palavras.
• Para comunicar erros e status do sistema.
• Para mostrar informações críticas para a compreensão de uma feature ou elemento da interface.

---

Uso

<CdsRichTooltip
	v-model="showRichTooltip"
	targetId="trigger-cds-tooltip"
	defaultPlacement="bottom-start"
>
	<div>
		<p><strong>Em atendimento:</strong> 280</p>
		<p><strong>Pendentes:</strong> 60</p>
		<p><strong>Em acompanhamento:</strong> 600</p>
	</div>
</CdsRichTooltip>

---

Preview

Em atendimento: 280

Pendentes: 60

Em acompanhamento: 600

Mostrar log

⚡Nenhum evento foi disparado

---

Props

Nome	Tipo	Default	Opções	Descrição
modelValue	boolean	false	--	Prop utilizada como v-model. controla a exibição do Popover.
width	string|number	250	--	Largura do Popover. A largura mínima é 100px e a máxima é 400px.
fitContentWidth	boolean	false	--	Quando true deixa a largura do popover adaptável ao conteúdo. `Essa prop tem prevalência sobre a prop width!`
targetId	string	''	--	Id do elemento que será referência para a renderização do Popover.
defaultPlacement	string	null	auto top right bottom left top-start right-start bottom-start left-start top-end right-end bottom-end left-end	Indica o posicionamento padrão do Popover. Quando não especificado é considerado o posicionamento "bottom"

Eventos

Nome	Descrição
@update:modelValue	Evento utilizado para implementar o v-model.

Slots

Nome	Descrição
#default