# Divider

## Overview

A divider to separate blocks of content. The component supports custom colors, horizontal and vertical orientation, as well as optional text displayed within the dividing line.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2Fmb2bsP51Cc8UZEsfHOgi%2FCleanShot%202025-07-28%20at%2013.53.51%402x-min.png?alt=media&#x26;token=058d939e-b890-4168-a482-7bc771f6538b" alt=""><figcaption></figcaption></figure>

### Triggers

<table><thead><tr><th width="148.88671875">Name</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td><td></td></tr></tbody></table>