Simple Alert

Feedback

Compact alert card with icon box, title, description and dismiss.

Instalação via CLI

$ npx kikitocn add simple-alert

Interno:

@/lib/utils

Exemplo de uso

Simple AlertExample.tsx

import { SimpleAlert } from "@/components/ui/cn/simple-alert/SimpleAlert";

export function SimpleAlertExample() {
  return (
    <SimpleAlert title="Título" intent="info" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`title*`	`string`	—	Título do alerta
`description`	`string`	`undefined`	Descrição secundária
`intent`	`'info' \| 'success' \| 'warning' \| 'danger' \| 'neutral'`	`'danger'`	Intenção semântica (define a cor do ícone)
`icon`	`ReactNode`	`undefined`	Ícone customizado (sobrescreve o padrão)
`dismissible`	`boolean`	`true`	Exibe o botão de fechar (×)
`onDismiss`	`() => void`	`undefined`	Callback chamado ao fechar
`className`	`string`	—	Classes CSS extras
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Feedback

Carregando…