Docs

Separator

Adds a section separator. The separator spans the entire page from edge to edge on smaller devices. On larger screens, the separator is bound by the maximum container width that contains the section.
Overview   Line Separator   Clear Separator   Arguments  

Overview  

The separator content block renders a section separator. The separator spans the entire page from edge to edge on smaller devices. On larger screens, the separator is bound by the maximum container width that contains the section.

Line Separator  

The default separator renders a horizontal line.

yml 
- _bookshop_name: separator

Clear Separator  

Set the argument clear: true to render a clear separator.

yml 
- _bookshop_name: separator
  clear: true
  section_class: bg-info

Arguments  

The content block supports the following arguments:

Name Type Required Default Comment
_bookshop_name string Alias for _bookshop_name.
_ordinal int Zero-based position of the bookshop component within the page’s component hierarchy.
bg_class string Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
clear bool Flag to use a clear separator instead of a horizontal line.
id string Unique identifier of the current element.
section_class string Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
Name Type Required Default
_bookshop_name string
Alias for _bookshop_name.
_ordinal int
Zero-based position of the bookshop component within the page’s component hierarchy.
bg_class string
Background class attributes of the element. It supports Bootstrap attributes to modify the background styling of the element.
clear bool
Flag to use a clear separator instead of a horizontal line.
id string
Unique identifier of the current element.
section_class string
Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element.
• feat: describe clear separator (7949ada)
On this page
Follow Me

I work on everything coding and tweet developer memes