componentestimeline
Timeline é utilizado para demonstrar dados dispostos em ordem.
demo interativa
Uma versão de interativa do componente desenvolvido.
propriedades*
property | description | required | default value | type |
---|
items | | true | undefined | ITimelineItem[] |
orientation | | false | vertical | horizontal vertical |
*valores gerados automaticamente.
guia de design
Tem guia de uso.
Tem guia de conteúdo.- Usa os design tokens.
Tem símbolo no Figma.
Possui motion.
- Possui versão web.
Possui versão responsiva.
Possui versão mobile.
É acessível via leitor de tela.
Texto possui contraste acessível (WCAG 2.0 - Nível AA).
Migração do United para Olist Design System
Propriedades
United | Olist Design System |
---|
children | ❌ |
❌ | orientation |
❌ | items |
Propriedades dos Itens da Timeline
United | Olist Design System |
---|
dot | customDot |
dotColor | variation |
left | before |
right | after |
Propriedades do DoubleDot
United | Olist Design System |
---|
color | variation |
Variações Existentes
United | Olist Design System |
---|
❌ | primary |
❌ | danger |
❌ | success |
❌ | info |
❌ | notice |
❌ | neutral |