Checkbox · Glowup

Glowup

INPUTS · 25 / 89

Checkbox

Checkbox — a Material You inputs component for React Native and web.

󱀫

packages/ui/src/components/Checkbox.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

Accept terms

Properties

6 controls

Label

Checked

Indeterminate

Label Position

Disabled

Error

Usage

Checkbox.tsx

Variants

The states and shapes this component is meant to be used in.

States

Send me the weekly digest

󰄬

Remember this device for 30 days

󰍴

Notify my team (2 of 5 selected)

Select all tree

󰍴

All notifications

󰄬

Invoice issued

󰄬

Payment received

Payment overdue

Disabled and error

Enterprise SSO (contact sales)

󰄬

Two-factor authentication (enforced)

I accept the terms of service

Label position

󰄬

Label on the right (default)

Label on the left

󰄬

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

8 on CheckboxProps

checked

required

boolean

onValueChange

required

(value: boolean) => void

disabled

boolean

error

boolean

feedback

boolean

default: true

Report the toggle to `ThemeProvider`'s `onInteractionFeedback` (haptics). Defaults to true.

indeterminate

boolean

Mixed state (e.g. "select all" with partial selection); overrides the checkmark.

label

string

labelPosition

"left" | "right"

default: "right"