Toggle Group Reference

Use this reference to understand what Toggle Group Reference is for and which component-specific inspector group matters most when you configure it.

Inspector Property Groups

Toggle Group

Property	Type	Details
ID	text	Attribute: id
Class	text	Attribute: class
Group id / name	text	Attribute: id
Default value	text	Attribute: value
Style	droplist	Options: Buttons, Buttons (sm), Buttons (lg), Buttons (vert)

Appearance

Property	Type	Details
Back Color	color_group	Options: text-bg-primary, bg-primary, bg-primary-subtle, text-bg-secondary, bg-secondary, bg-secondary-subtle
Back Opacity	range	Controls background opacity. Controls background opacity when using background color utilities. Applies classes like bg-opacity-25 , bg-opacity-50 , etc. Bootstrap docs: Background utilities
Width	range	Sets a Bootstrap width utility class. Sets a Bootstrap width utility class. Applies utilities like w-25 , w-50 , w-75 , w-100 , or w-auto . Bootstrap docs: Sizing
Height	range	Sets a Bootstrap height utility class. Sets a Bootstrap height utility class. Applies utilities like h-25 , h-50 , h-75 , h-100 , or h-auto . Bootstrap docs: Sizing
Opacity	range	Sets the opacity utility class. Sets an opacity utility class. Applies utilities such as opacity-25 , opacity-50 , opacity-75 , or opacity-100 . Bootstrap docs: Opacity
Shadow	droplist	Applies a Bootstrap shadow utility. Applies a Bootstrap shadow utility. Uses classes like shadow , shadow-sm , shadow-lg , or removes shadow with shadow-none . Bootstrap docs: Shadows Options: Default, None, Small, Regular, Large

Dynamic Attributes

Group id / name

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Default value

Attribute property	Type	Details
Value	text	Choose dynamic data binding.