Carregando…Carregando…Carregando…Carregando…Icon container with intent color, variant styling and optional title/description.
$ npx kikitocn add icon-boximport { IconBox } from "@/components/ui/cn/icon-box/IconBox";
export function IconBoxExample() {
return (
<IconBox intent="primary" variant="soft" />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
icon* | React.ReactNode | — | Ícone a exibir |
intent | 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral' | 'primary' | Cor do intent |
variant | 'soft' | 'solid' | 'outline' | 'soft' | Estilo visual |
size | 'sm' | 'md' | 'lg' | 'md' | Tamanho do box |
title | string | — | Título abaixo do ícone |
description | string | — | Descrição abaixo do título |
className | string | — | Classes CSS extras |
style | React.CSSProperties | — | Estilos inline extras |
soft · solid · outline
6 intents coloridos + neutral
sm · md · lg
Fast
Sub-second loads.
Reliable
99.9% uptime guaranteed.
Secure
End-to-end encryption.