Numbered List

Layout

An ordered list whose numbered badges pop in sequence.

1Install the package
2Add the provider
3Ship it

Installation

Add it with the shadcn CLI:

$pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/numbered-list.json

Or install manually

1. Install dependencies
```
pnpm add motion clsx tailwind-merge
```
2. Copy the component source into components/library/numbered-list.tsx

Props

Prop	Type	Default	Description
items	string[]	-	List items, in order.

Accessibility

A real <ol>, so the numbering is semantic rather than painted on.
Badges are text, so they scale with the user's type size.
Stagger is entrance-only and never blocks reading.

Dependencies

motionclsxtailwind-merge