# Spacer Small Line
Creates vertical spacing between content sections with a horizontal dividing line across the full width.

## Screenshots

| Variant | Preview |
|---------|---------|
| default | ![default](http://localhost:3016/cms/screenshot?file=components%2Fspacer-small-line-default.png) |

## What it looks like
A horizontal black line spanning the full width of the content area, with small amounts of vertical spacing above and below. The spacing uses a grid-based system with smaller spacing on mobile (1-2 rows) and slightly larger on laptop viewports (1-4 rows). The line appears at the vertical center of the allocated spacing.

## Typography
No typography elements are rendered in this component.

## Colours
Authors cannot set section background or text colours on this component type. The horizontal line uses a fixed black colour (`border-black`). Palette names do not apply to this component.

## Used fields

| Field | Type | Effect when set | Effect when empty/removed |
|-------|------|----------------|---------------------------|
| id | Symbol | Sets the HTML id attribute on the section element | No id attribute is set |
| index | Number | Used internally for positioning logic | Component may not render correctly |
| componentType | Symbol | Must be "Spacer Small Line" for proper rendering | Component will not render |
| cmsLabel | Symbol | Used for content management identification | No visible effect on frontend |

## Behaviour
The component automatically detects it has "Line" in the component type name and renders the horizontal dividing line. It uses semantic HTML with `role="separator"`, `aria-orientation="horizontal"`, and `aria-hidden="true"` for accessibility. The spacing grid classes are applied consistently regardless of content or position on the page.

## Impact
- **Add/remove component**: Adds or removes both the vertical spacing and horizontal line
- **Change componentType**: If changed from "Spacer Small Line", the horizontal line will not render
- **Modify other fields**: No visible changes as only structural fields are used