Carregando…Carregando…Carregando…Carregando…Draggable sticky notes on a free-position board with add and delete.
Pin Board — drag sticky notes freely
$ npx kikitocn add pin-boardimport { PinBoard } from "@/components/ui/cn/pin-board/PinBoard";
export function PinBoardExample() {
return (
<PinBoard />
);
}| Prop | Tipo | Padrão | Descrição |
|---|---|---|---|
notes | PinNote[] | — | Notas controladas |
defaultNotes | PinNote[] | — | Notas iniciais (não-controlado) |
onChange | (notes: PinNote[]) => void | — | Callback ao mover/criar/deletar notas |
width | number | string | '100%' | Largura do board |
height | number | string | 400 | Altura do board |
className | string | — | Classes CSS extras |