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

radio-group

Fragment reference radio-group
tags
ui

Radio groups are used to group multiple radios so they function as a single form control.

Usage

radio-group(label="Select an option" name="options" value="A")
radio(value="A") Option A
radio(value="B") Option B

Orientation

Use orientation to switch between horizontal and vertical layouts.

radio-group(orientation="horizontal")
radio(value="A") A
radio(value="B") B

Attributes

NameTypeDefaultDescription
labelstring-Accessible label.
namestring-Name attribute for form submission.
valuestring-Currently selected value.
orientationhorizontal | verticalverticalLayout direction.
sizesmall | medium | largemediumSize for all contained radios.
requiredbooleanfalseMarks as required.