Chevron
Chevrons são elementos gráficos usados em interfaces para indicar possibilidade de interação.
Quando usar:
- Parte de um elemento pode ser oculta o visível,
- Indicar ações como
play,nextefastfoward
Quando não usar:
- Como ícones.
- Evite usar chevrons sem a propriedade
animateativa
Uso
js
<CdsChevron />Preview
Props
Nome | Tipo | Default | Opções | Descrição |
|---|---|---|---|---|
direction | string | 'bottom' | top right bottom left | Indica em que direção o Chevron vai ser renderizado. As opções são: 'Top', 'Right', 'Bottom' e 'Left' |
light | boolean | false | -- | Quando true, torna o chevron mais claro |
size | string | 'md' | sm md lg | Especifica o tamanho do Chevron. São 3 tamanhos implementados: 'sm', 'md', 'lg'. |
animate | boolean | false | -- | Ativa animação na transição das posições do Chevron |