Divider
The ty-divider is a straightforward component used to create a visual distinction between sections of content. It’s a flexible tool for improving content organization and enhancing readability.
Usage
To use the ty-divider, simply place it between elements:
Live Editor
<div> <div>Section 1</div> <ty-divider></ty-divider> <div>Section 2</div> </div>
Result
Loading...
API
Properties
| Name | Description | Type | Options | Default |
|---|---|---|---|---|
| orientation | Orientation of the divider | String | 'horizontal', 'vertical' | 'horizontal' |
| variant | Style of the divider line | String | 'solid', 'dashed', 'dotted' | 'solid' |
The ty-divider is easy to integrate and provides a clean separation between content areas.