"use client"; import React from "react"; import { CheckboxCard } from "@/subframe/components/CheckboxCard"; function CheckboxCardExample() { return ( <CheckboxCard disabled={false} hideCheckbox={false} checked={false} onCheckedChange={(checked: boolean) => {}} > <div className="flex flex-col items-start"> <span className="text-body-bold font-body-bold text-default-font"> Enable notifications </span> <span className="text-caption font-caption text-subtext-color"> Be in the loop anytime something happens. </span> </div> </CheckboxCard> ); } export default CheckboxCardExample;
disabled
boolean
false
hideCheckbox
children
React.ReactNode
checked
onCheckedChange
(checked: boolean) => void
Use checked and onCheckedChange props to control the checked state.
View code