Documentation

Luminated Checkbox

An animated checkbox with strikethrough effect, border animations, and smooth state transitions.

Preview

Installation

npx shadcn add https://dark-ui.vercel.app/r/luminated-checkbox.json

Usage

import LuminatedCheckbox from "@/components/luminated-checkbox";

export default function Example() {
  return <LuminatedCheckbox />;
}

Props

PropTypeDefaultDescription
itemsstring[][...]Array of labels for the checkboxes.
classNamestringundefinedCustom class for the container.
onChange(index: number, checked: boolean) => voidundefinedCallback when state changes.