Checkbox

A control that can be toggled on or off.

Example

Source Code

Installation

"use client";

import React from "react";
import { Checkbox } from "@/subframe/components/Checkbox";

function CheckboxExample() {
  return <Checkbox label="Label" disabled={false} />;
}

export default CheckboxExample;

Props

Checkbox

Prop

Type

Default

Additional info

label

string

"Label"

disabled

boolean

false

onCheckedChange

(open: boolean) => void

—

Handler called when opened or closed.

This is a Radix Checkbox component. Find its full list of properties by visiting their docs.

Examples

Basics

Use checked and onCheckedChange props to control the checked state.


View code

Label


View code