NK

Search

Search pages, posts, and components

All components

Feature List

Layout

A feature checklist whose rows slide in and checks pop.

  • Unlimited projects
  • Priority support
  • Custom domains

Installation

Add it with the shadcn CLI:

$pnpm dlx shadcn@latest add https://nawalkattel.com.np/r/feature-list.json
Or install manually
  1. 1. Install dependencies

    pnpm add motion clsx tailwind-merge lucide-react
  2. 2. Copy the component source into components/library/feature-list.tsx

Props

PropTypeDefaultDescription
itemsstring[] - Features to list.

Accessibility

  • A real <ul>, so the list is announced as one.
  • Check icons are decorative; the text carries the meaning.
  • Stagger is short enough not to delay comprehension.

Dependencies

motionclsxtailwind-mergelucide-react