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 | neutralprimaryinfosuccessnoticedanger |
size | Define the loading size | false | medium | smallmediumlarge |
*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 |