Separator
Separator displays a horizontal line on the page for dividing sections of content.
Examples
Standard
Standard Separator component with no configurations set for it. No Style System selected.
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing
Top Spacing: Xlarge
Standard Separator component with Xlarge top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing: Large
Standard Separator component with Large top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing: Medium
Standard Separator component with Medium top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing: Small
Standard Separator component with Small top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing: XSmall
Standard Separator component with XSmall top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Top Spacing: 0px
Standard Separator component with 0px top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing
Bottom Spacing: XLarge
Standard Separator component with XLarge bottom spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing: Large
Standard Separator component with Large bottom spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing: Medium
Standard Separator component with Medium bottom spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing: Small
Standard Separator component with Small bottom spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing: XSmall
Standard Separator component with XSmall top spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Bottom Spacing: 0px
Standard Separator component with 0px bottom spacing
text-top
text-bottom
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/container
text-top
text-bottom
Stroke
Stroke Color: Transparent
Standard Separator component with Transparent stroke color
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/separator
- cq:styleIds: 1683142217756,1683143332089,1683142136015
Stroke Color: Black
Standard Separator component with Black stroke color
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/separator
- cq:styleIds: 1683142136015,1683143332089,1683142216305
Stroke Color: Grey
Standard Separator component with Grey stroke color
- Properties
- Markup
- JSON
- sling:resourceType: advancedbionics/components/separator
- cq:styleIds: 1683142217024