children

ReactNode

• —

Conteúdo interno.

modifier

string

• main-orange

• main-yellow

• light-yellow

• main-green

• light-green

• main-purple

• light-blue

• main-brown

• light-brown

Quando as status lights são usadas para identificar categorias normalmente encontrados na visualização de dados, elas usam cores decorativas. O uso ideal para eles é quando há 9 ou menos categorias ou labels identificados por cores. Caso não seja definido, é necessário definir a prop state.

state

string

• neutral (default)

• informative

• positive

• warning

• negative

Quando as status lights têm um significado semântico, elas usam cores de feedback . Use essas variantes para os seguintes status: Informativo (por exemplo, ativo, em uso, publicado) Neutro (por exemplo, arquivado, excluído, pausado, rascunho, não iniciado, encerrado) Positivo (por exemplo, aprovado, completo, sucesso, novo, adquirido, licenciado) Aviso (por exemplo, precisa de aprovação, pendente, agendado, processando) Negativo (por exemplo, erro, rejeitado, com falha). Caso não seja definido, é necessário definir a prop modifier.

customProps

Object

• { text?: Omit<TypographyProps, 'as' | 'textStyle' | 'variant'> }

Adiciona propriedades específicas para elementos filhos. Essa necessidade não é prevista por Design, então garanta que é necessário fazer alguma personalização.