Section Header Reference

Reference for Section Header Reference in Web Framework References. Key properties: ID, Class, Eyebrow, Title.

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

Inspector Property Groups

Section Header

Property	Type	Details
ID	text	Attribute: id
Class	text	Attribute: class
Eyebrow	text
Title	text
Description	text
Eyebrow Color	droplist	Options: Primary, Secondary, Success, Danger, Warning, Info

Primary Action

Property	Type	Details
Text	text
Link	text	Attribute: href
Variant	droplist	Options: Primary, Secondary, Success, Danger, Warning, Info

Secondary Action

Property	Type	Details
Text	text
Link	text	Attribute: href
Variant	droplist	Options: Primary, Secondary, Success, Danger, Warning, Info

Flex Flow

Property	Type	Details
Direction	button_group	Options: , , ,
Justify content	button_group	Options: , , , ,
Align items	button_group	Options: , , , ,
Wrap	button_group	Options: , ,
Align content	button_group	Options: , , , , ,
Gap	range

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

Border

Property	Type	Details
Border	enum	Options: All, None, Top, End, Bottom, Start
Width	range	Controls border width. Controls border width using Bootstrap border utilities. This applies classes like border , border-2 , border-3 , etc. Bootstrap docs: Border width
Rounded	droplist	Options: Default, All, None, Top, End, Bottom
Radius	droplist	Options: Default, Small, Medium, Large, X-Large, XX-Large
Border Color	colorlist	Options: Default, Primary, Primary Subtle, Secondary, Secondary Subtle, Success

Dynamic Attributes

Eyebrow

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Title

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Description

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Text

Attribute property	Type	Details
Value	text	Choose dynamic data binding.

Link

Attribute property	Type	Details
Value	text	Choose dynamic data binding.