Develop

content/blocks/heading.md

@@ -0,0 +1,33 @@
+---
+_schema: default
+title: Heading
+description: Use the heading content block to show a heading with optional regular content.
+type: docs
+tags: block
+---
+
+## Overview
+
+The `heading` content block renders a section heading with optional regular content.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: heading
+  heading:
+    preheading: Preheading
+    title: Section heading
+    content: Regular content that is placed below the title.
+  width: 8
+  justify: center
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+## Arguments
+
+The content block supports the following arguments:
+
+{{< args bookshop-heading >}}

content/blocks/separator.md

@@ -2,22 +2,42 @@
 _schema: default
 title: Separator
 description: >-
-  Adds a horizontal section separator. The separator spans the entire page from
-  edge to edge on smaller devices. On larger screens, the line is bound by the
+  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.
 type: docs
 tags: block
 ---
 
 ## Overview
 
-The `separator` content block renders a horizontal line to separate sections. The separator spans the entire page from edge to edge on smaller devices. On larger screens, the line is bound by the maximum container width that contains the section.
+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.
+
+<!-- markdownlint-disable MD037 -->
+{{< example-bookshop lang="bookshop" >}}
+
+```yml
+- _bookshop_name: separator
+```
+
+{{< /example-bookshop >}}
+<!-- markdownlint-enable MD037 -->
+
+### Clear separator
+
+Set the argument `clear: true` to render a clear separator.
 
 <!-- markdownlint-disable MD037 -->
 {{< example-bookshop lang="bookshop" >}}
 
 ```yml
 - _bookshop_name: separator
+  clear: true
+  section_class: bg-info
 ```
 
 {{< /example-bookshop >}}