Checkbox Group Disabled

PreviousNext

checkbox-group-disabled-demo

Docs
intentuipage

Preview

Loading preview…
components/docs/forms/checkbox/checkbox-group-disabled-demo.tsx
"use client"

import { Checkbox, CheckboxGroup } from "@/components/ui/checkbox"
import { Label } from "@/components/ui/field"

export default function CheckboxDisabledDemo() {
  return (
    <CheckboxGroup isDisabled>
      <Label>Settings</Label>
      <Checkbox value="notifications">Enable notifications</Checkbox>
      <Checkbox value="auto_update">Auto-update applications</Checkbox>
      <Checkbox value="dark_mode">Enable dark mode</Checkbox>
      <Checkbox value="location_access">Allow location access</Checkbox>
      <Checkbox value="two_factor_auth">Enable two-factor authentication</Checkbox>
    </CheckboxGroup>
  )
}

Installation

npx shadcn@latest add @intentui/checkbox-group-disabled-demo

Usage

Usage varies by registry entry. Refer to the registry docs or source files below for details.