Checklist preview

Checklist

A to-do list whose boxes swell and settle with a tunable spring when ticked.

  • Group
    Toggles
  • Origin
    Adapted · Bencho · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/checklist

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { Checklist } from "@/registry/components/checklist/checklist";

<Checklist />

Props

PropTypeDefaultDescription
corner?numberCORNER
bounce?numberBOUNCE
box?numberBOX

When to use

Short to-do or setup lists where ticking an item should feel rewarding.

When not to use

Long data lists (data-grid) or form checkboxes that submit with a form.

Related

Progress tracker · Todo tower · Tactile toggle