Checkbox

The Checkbox component is used in forms when a user needs to select one or more items from a list, or to indicate a boolean value (e.g., "I agree to the terms"). It is built on Radix UI's Checkbox primitive.

Live Preview

Installation

Usage Guide

1. Import the Component

Import the component into your React or Next.js page:

import { Checkbox } from "@/components/ui/checkbox";

2. Implementation Example

Render the component and customize its behavior by passing props:

import { Checkbox } from "@/components/ui/checkbox";

export default function Example() {
  return (
    <div className="w-full flex items-center justify-center p-8">
      <Checkbox
      />
    </div>
  );
}