StickyNote

A small note on a bordered sand surface, optionally capped with a glyph — good for asides, callouts, and the little “made with care” moments.

remember to ship

nice work

import { StickyNote } from "@/components/dotto/sticky-note"
import { PixelGlyph } from "@/components/dotto/pixel-glyph"

<StickyNote glyph={<PixelGlyph shape="heart" unit={3} />}>
  nice work
</StickyNote>

Props

Prop	Type	Default	Description
glyph	ReactNode	—	Optional trailing glyph
align	left | center | right	left	Text alignment

Plus all native <div> attributes.