Checkbox

Checkboxes are used when there are multiple items to select in a list. Users can make a selection of zero, one, or any number of items.

Good Apples

BraeburnFujiGala

import * as UI from "@iyk/ui"

export default () => (
  <UI.Field name="good-apples">
    <UI.Label>Good Apples</UI.Label>

    <div className="flex flex-col gap-2">
      <UI.Checkbox defaultChecked>Braeburn</UI.Checkbox>
      <UI.Checkbox defaultChecked>Fuji</UI.Checkbox>
      <UI.Checkbox>Gala</UI.Checkbox>
    </div>

    <UI.Validity />
  </UI.Field>
)