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 |
---|---|---|---|---|
variant | string | 'green' | green teal blue indigo violet pink red orange amber dark | A variante de cor. São 10 variantes: |
targetId | string | '' | -- | Id do elemento que será referência para a renderização do Pulsar. |
position | string | '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. |