Componentes

1Criar um componente

Selecione uma camada e pressione Cmd+Alt+K, ou clique com o botão direito e escolha Criar componente.

2Instâncias e substituições

Altere o texto, a cor ou qualquer propriedade dentro de uma instância; a alteração fica só naquela instância, por mais aninhada que a camada esteja. O painel oferece Trocar componente, Ir para componente, Redefinir substituição e Desanexar.

3Kits de UI

A aba Componentes (Cmd+Shift+K) organiza os kits em Botões, Campos, Cards, Navegação, Layout, Feedback, Dados e Outros. Ela vem com seis componentes iniciais e 31 componentes shadcn: botões, cartões, campos de texto, seletores, caixas de seleção, alternadores, controles deslizantes, abas, breadcrumbs, paginação, diálogos, menus, toasts, tooltips, alertas, avatares, badges, barras de progresso, skeletons e tabelas.

Importar kit e Exportar kit compartilham kits como arquivos .de.

4Bibliotecas vinculadas

Vincule outro arquivo .de ou .pen como biblioteca para usar os componentes dele aqui. O app observa o arquivo e acompanha as alterações; Recarregar força a atualização. Quando algo dá errado, a biblioteca aparece como Não carregada, Ausente ou Ilegível.