Skip to content
checkbox
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

checkbox

Fragment reference checkbox
tags
ui

Checkboxes allow the user to toggle an option on or off.

Usage

checkbox Label text

States

Control the state using boolean attributes.

checkbox(checked) Checked
checkbox(indeterminate) Indeterminate
checkbox(disabled) Disabled

Sizes

Use the size attribute to change a checkbox’s size.

checkbox(size="small") Small
checkbox(size="medium") Medium
checkbox(size="large") Large

Attributes

NameTypeDefaultDescription
checkedbooleanfalseDrawn in a checked state.
indeterminatebooleanfalseDrawn in an indeterminate state.
disabledbooleanfalsePrevents interaction.
sizesmall | medium | largemediumCheckbox size.
requiredbooleanfalseMarks as required.