Notice Bar

Feedback

Full-width dismissible notification bar for system announcements.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for feedback/notice-bar

Instalação via CLI

$ npx kikitocn add notice-bar

Exemplo de uso

Notice BarExample.tsx

import { NoticeBar } from "@/components/ui/cn/notice-bar/NoticeBar";

export function NoticeBarExample() {
  return (
    <NoticeBar />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da barra
`intent`	`'info' \| 'success' \| 'warning' \| 'danger' \| 'neutral'`	`'info'`	Cor do intent
`dismissible`	`boolean`	`true`	Mostrar botão de fechar
`icon`	`React.ReactNode`	—	Ícone opcional
`action`	`{ label: string; onClick: () => void }`	—	Botão de ação
`className`	`string`	—	Classes CSS extras

Carregando…