Note Card

Display

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

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 color="yellow">
      Note Card
    </NoteCard>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Conteúdo da nota
`color`	`'yellow' \| 'blue' \| 'green' \| 'pink' \| 'purple' \| 'orange'`	`'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
`style`	`React.CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…

Note Card

Note Card

Colors

Rotation

Colors

Rotation