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

button-group

Fragment reference button-group
tags
ui

Button groups are used to group related buttons into sections.

Usage

button-group(label="Actions")
button Left
button Center
button Right

Orientation

Use the orientation attribute to create a vertical group.

button-group(label="Options" orientation="vertical")
button Button A
button Button B

Attributes

NameTypeDefaultDescription
labelstring-Accessible label.
orientationhorizontal | verticalhorizontalGroup orientation.