Skip to content

Pulsar

Pulsars são componentes educativos utilizados para instruir os usuários sobre novidades na interface ou no produto.



Quando usar:

  • Para atrair a atenção do usuário para uma nova feature ou área da interface de modo não intrusivo.

Quando não usar:

  • Como único recurso de comunicação sobre mudança na interface ou no produto.
  • Quando outro pulsar já estiver em uso na interface.

Observações:

  • Pulsars não devem ser uma parte permanete da interface. Após determinada característica do produto ter sido absorvida/compreendida pelos usuários, o pulsar perde seu propósito e deve-se considerar removê-lo.

Uso

js
<CdsPulsar
	variant="green"
	position="top-end"
	targetId="pulsar-target"
/>

Preview

Pulsar target

Props

Nome
Tipo
Default
Opções
Descrição
variantstring'green'green
teal
blue
indigo
violet
pink
red
orange
amber
dark
A variante de cor. São 10 variantes:
targetIdstring'' -- Id do elemento que será referência para a renderização do Pulsar.
positionstring'top-end'auto
top
right
bottom
left
top-start
right-start
bottom-start
left-start
top-end
right-end
bottom-end
left-end
Posicionamento do Pulsar com relação ao elemento de referência.

Última atualização:

Released under the Apache-2.0 License.