---
title: "SectionDivider"
description: "A horizontal divider used to separate content sections. Provides visual separation between different groups of content within a container."
sidebar_label: "SectionDivider"
slug: /reference/components/sectiondivider
---

import ComponentDemo from '@site/src/components/ComponentDemo';

# SectionDivider

A horizontal divider used to separate content sections. Provides visual separation between different groups of content within a container.

**Package:** `@terreno/ui`  
**Categories:** Component  
**Props interface:** `SectionDividerProps`  
**Story source:** [`demo/stories/SectionDivider.stories.tsx`](https://github.com/flourishhealth/terreno/blob/master/demo/stories/SectionDivider.stories.tsx)

## Live demo

<ComponentDemo name="SectionDivider" />

## Props

_No documented props were extracted from TypeDoc._