Icon Box

Display

Icon container with intent color, variant styling and optional title/description.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/icon-box

Instalação via CLI

$ npx kikitocn add icon-box

Exemplo de uso

Icon BoxExample.tsx

import { IconBox } from "@/components/ui/cn/icon-box/IconBox";

export function IconBoxExample() {
  return (
    <IconBox />
  );
}

Props

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' \| 'xl'`	`'md'`	Tamanho do box
`title`	`string`	—	Título abaixo do ícone
`description`	`string`	—	Descrição abaixo do título
`className`	`string`	—	Classes CSS extras

Carregando…