Componentes

Este catálogo foi copiado do Storybook publicado a partir da tag v1.21.3. Ele mantém os nomes e a API da série 1.x, sem misturar os componentes atuais do site.

Use os links Testar para abrir cada story interativa em uma nova aba. Assim, o Storybook legado continua disponível para testar estados, propriedades, eventos e código-fonte sem ser embutido em iframe nesta documentação.

Catálogo legado

Componente	Stories para testar
Avatar	Icônico · Fotográfico · Letra · Com tooltip
Breadcrumb	Curto · Longo · Com tooltip
Button	Primary · Secondary · Tertiary · Circle · Loading · Inverted · Ícone e label · Ícone e círculo · Ícone externo · Com tooltip
Card	Simples · Header slot · Content slot · Footer slot · Completo · Desabilitado · Hover · Com tooltip · Com collapse
Checkbox	Base · Sem label · Marcado · Inválido · Válido · Desabilitado · Múltiplo · Inline · Checkgroup · Com tooltip
Collapse	Padrão
Cookiebar	Padrão
Divider	Vertical · Vertical tracejado · Horizontal · Horizontal tracejado · Small · Medium · Large
Footer	Tema 1 · Tema 2 · Espaço entre categorias · Com tooltip
Header	Padrão · Compacto · Link sem título · Com tooltip · Subcomponentes
Icon	Padrão
Input	Padrão · Densidade pequena · Densidade grande · Label inline · Desabilitado · Danger · Success · Warning · Info · Máscara · Ícone · Ícone de sinal · Ícone e sinal · Senha · Highlight · Highlight com ícone · Highlight com ícone e sinal · Fundo escuro · Com tooltip
Item	Texto simples · Imagem e texto · Desabilitado · Item de seleção · Título e aberto · Com tooltip
List	Lista vertical · Lista horizontal · Agrupamento por expansão · Agrupamento por separador · Data unique · Densidade grande · Densidade média · Densidade pequena · Com tooltip
Loading	Progress · Indeterminado · Indeterminado médio · Com tooltip
Magic Button	Base · Círculo · Com tooltip
Menu	Off canvas · Push · Contextual · Densidade alta · Densidade baixa · Com tooltip
Message	Padrão · Feedback · Fechável · Com título · Título inline
Modal	Simples · Com scrim · Carregando · Com scroll
Notification	Completo · Header personalizado · Com tooltip
Scrim	Padrão
Select	Simples · Múltiplo
Sign in	Tipo interno · Externo com texto · Externo com imagem · Icônico · Ênfase primária · Bloco · Com tooltip · Hiperlink
Switch	Completo · Simples · Com tooltip
Tab	Padrão · Com ícone · Com contador · Somente ícone · Fundo escuro · Com tooltip

Os nomes, atributos e eventos desta tabela são os da versão 1.21.3. Eles não representam automaticamente a API equivalente dos componentes 2.x. Para comparar versões, abra a documentação atual em outra aba e consulte o guia de migração antes de copiar um snippet.