Note Card

Display

Sticky note card with color options, rotation and author/date metadata.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/note-card

Instalação via CLI

$ npx kikitocn add note-card

Exemplo de uso

Note CardExample.tsx

import { NoteCard } from "@/components/ui/cn/note-card/NoteCard";

export function NoteCardExample() {
  return (
    <NoteCard />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da nota
`color`	`'yellow' \| 'green' \| 'blue' \| 'pink' \| 'purple'`	`'yellow'`	Cor da nota
`rotate`	`number`	`0`	Rotação em graus
`author`	`string`	—	Autor da nota
`date`	`string`	—	Data formatada
`className`	`string`	—	Classes CSS extras

Carregando…