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*

propertydescriptionrequireddefault valuetype

variation

Define the loading style variation

falseprimaryneutralprimaryinfosuccessnoticedanger

size

Define the loading size

falsemediumsmallmediumlarge

*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

UnitedOlist Design System
variationvariation
backgroundColorvariation
size

Tamanhos Existentes

UnitedOlist Design System
small
medium
large

Variações Existentes

UnitedOlist Design System
primaryprimary
accentinfo
dangerdanger
linkprimary
successsuccess
textneutral
shadowneutral
warningnotice