# 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

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 | Description |
| --- | --- | --- | --- | --- |
| `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. |
| `section-class` | string |  |  | Section class attributes of the element. It supports Bootstrap attributes to modify the section styling of the element. |