Carregando…Carregando…Carregando…Carregando…Generic list-row primitive (Item/ItemGroup/ItemMedia/ItemContent/...) for notification, settings and search-result rows.
$ npx kikitocn add item@/lib/utilsimport { Item } from "@/components/ui/cn/item/Item";
export function ItemExample() {
return (
<Item variant="default" size="default" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
variant | 'default' | 'outline' | 'muted' | 'default' | Estilo do fundo/borda |
size | 'default' | 'sm' | 'xs' | 'default' | Densidade (padding/gap) |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
default · outline · muted
Dana Costa comentou no seu post.
Agora vocês estão conectados.
Todos os arquivos foram sincronizados com sucesso.
default · sm · xs
Padding e gap padrão.
Mesma densidade do default.
Mais compacto — descrição encolhe pra caption.
ItemGroup + ItemSeparator
leo@kikito.com
dana@kikito.com