ConsequencesList

Playground

Um preset por valor do primeiro eixo do Figma. Mude as props; dsState força hover, foco ou pressionado, como na matriz.

Consequences List

A Lia, a Helena e a Marlene continuam protegidas até 24/12, o último dia já pago.
Em 25/12 a proteção das três para, e cada uma recebe um aviso.
Nenhuma cobrança nova. O mês em curso não é devolvido.
O Rafael para de receber os avisos em 25/12.
Avisos e trechos são apagados em 30 dias, em 24/01. Sua conta e as faturas continuam, pra você voltar quando quiser.

className

string

Cada célula é o componente real, marcada com a variante do Figma que reproduz (passe o mouse pra ver o node).

Consequences List
O que acontece A Lia, a Helena e a Marlene continuam protegidas até 24/12, o último dia já pago. Em 25/12 a proteção das três para, e cada uma recebe um aviso. Nenhuma cobrança nova. O mês em curso não é devolvido. O Rafael para de receber os avisos em 25/12. Avisos e trechos são apagados em 30 dias, em 24/01. Sua conta e as faturas continuam, pra você voltar quando quiser.

As props que o arquivo do DS declara. O componente também repassa as do primitivo (base-ui), quando ele tem um.

ConsequencesListRootProps

Prop	Tipo	Padrão	Descrição
title?	ReactNode	—	Figma `title` ("O que acontece"). The list is labelled by it.
className?	string	—
children?	ReactNode	—

ConsequencesListItemProps

Prop	Tipo	Padrão	Descrição
icon	ReactNode	—	Figma `icon` (INSTANCE_SWAP): a lucide icon, decorative.
className?	string	—
children	ReactNode	—	Figma `text`: the consequence, with its date.