Pin List

A playful list for pinning and unpinning items, with smooth animated transitions as items move between groups.

Commit Zone

Code updates · Closes 9:00 PM

404 Room

Fixing errors · Open 24 hours

All Items

NPM Stop

Install stuff · Closes 8:00 PM

Token Lock

Regex Zone

Find words · Closes 9:00 PM

Installation

<PinList items={ITEMS} />

Prop	Type	Default
`items`	`PinListItem[]`	-
`labels?`	`{ pinned?: string; unpinned?: string; }`	`{ pinned: "Pinned Items", unpinned: "All Items" }`
`transition?`	`{ stiffness?: number; damping?: number; mass?: number; type?: string; }`	`{ stiffness: 320, damping: 20, mass: 0.8, type: "spring" }`
`labelMotionProps?`	`{ initial?: object; animate?: object; exit?: object; transition?: object; }`	`{ initial: { opacity: 0 }, animate: { opacity: 1 }, exit: { opacity: 0 }, transition: { duration: 0.22, ease: "easeInOut" } }`
`className?`	`string`	-
`labelClassName?`	`string`	-
`pinnedSectionClassName?`	`string`	-
`unpinnedSectionClassName?`	`string`	-
`zIndexResetDelay?`	`number`	`500`