Checkbox, Radio & Switch

Selection controls for booleans and single choices.

Import

tsx

import { Checkbox, RadioGroup, Switch } from "@indoku/ui"

Examples

Basic usage

tsx

<Stack gap="4">  <Checkbox.Root defaultChecked>    <Checkbox.HiddenInput />    <Checkbox.Control />    <Checkbox.Label>Terima syarat & ketentuan</Checkbox.Label>  </Checkbox.Root>  <RadioGroup.Root defaultValue="comfortable">    <HStack gap="5">      <RadioGroup.Item value="default">        <RadioGroup.ItemHiddenInput />        <RadioGroup.ItemControl />        <RadioGroup.ItemText>Default</RadioGroup.ItemText>      </RadioGroup.Item>      <RadioGroup.Item value="comfortable">        <RadioGroup.ItemHiddenInput />        <RadioGroup.ItemControl />        <RadioGroup.ItemText>Comfortable</RadioGroup.ItemText>      </RadioGroup.Item>      <RadioGroup.Item value="compact">        <RadioGroup.ItemHiddenInput />        <RadioGroup.ItemControl />        <RadioGroup.ItemText>Compact</RadioGroup.ItemText>      </RadioGroup.Item>    </HStack>  </RadioGroup.Root>  <Switch.Root defaultChecked>    <Switch.HiddenInput />    <Switch.Control>      <Switch.Thumb />    </Switch.Control>    <Switch.Label>Notifikasi email</Switch.Label>  </Switch.Root></Stack>

← Textarea Select →

Created by @indokudev