componentes
loading
Loading é um elemento usado para indicar ao usuário uma espera em algum processamento.
demo interativa
Uma versão de interativa do componente desenvolvido.
propriedades*
property | description | required | default value | type |
---|---|---|---|---|
variation | Define the loading style variation | false | primary | neutral primary info success notice danger |
size | Define the loading size | false | medium | small medium large |
*valores gerados automaticamente.
guia de design
- Tem guia de uso.
- Tem guia de conteúdo.
- Use 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 |
---|---|
variation | variation |
backgroundColor | variation |
❌ | size |
Tamanhos Existentes
United | Olist Design System |
---|---|
❌ | small |
❌ | medium |
❌ | large |
Variações Existentes
United | Olist Design System |
---|---|
primary | primary |
accent | info |
danger | danger |
link | primary |
success | success |
text | neutral |
shadow | neutral |
warning | notice |