v0.1

Checkbox

A form control that toggles between checked and unchecked

<Checkbox defaultChecked />

State

Checkboxes represent a binary selection by being checked or unchecked. The control can also be disabled to prevent user input.

<Checkbox />
<Checkbox defaultChecked />

Indeterminate

When checkboxes convey feedback on a parent-child relationship (e.g. a file tree), we can indicate a mixed child check state via the indeterminate property. Note that an indeterminate checkbox its purely for visual feedback; the underlying checked state is unaffected.

<Checkbox />
<Checkbox defaultChecked />
<Checkbox defaultChecked indeterminate />
v0.1

Overview

AboutGetting started

Components

AvatarBadgeBannerButtonCalloutCheckboxCodeCode InputColor InputData TableDialogDividerDisclosureDrawerEditable TextEmbedEmphasisError BoundaryFieldFile InputFlexFormFrameGridImageInlineInputMarqueeMenuMeta PixelPortalRootRadio GroupRich Text EditorSelectSkeletonSlotSortableSpacerSpinnerStackStatus IconStepperSwitchTab SwitchTextText AreaToastToggleUrlIcon