EccUtilsDesignSeparator Component
2.0.0-alpha.6
<ecc-utils-design-separator/>
EccUtilsDesignSeparator
Overview
The ecc-utils-design-separator component is used to visually or semantically separate content. It can be displayed horizontally or vertically.
This component renders a thin line to create a visual division between elements.
Usage
Horizontal Separator
This is the default orientation, used for separating content vertically.
Top Content
Bottom Content
Vertical Separator
This example shows a vertical separator for dividing content horizontally.
Left
Right
Properties
| Property | Type | Default | Description |
|---|---|---|---|
orientation | "horizontal" | "vertical" | "horizontal" | The orientation of the separator. |
decorative | boolean | true | Whether the separator is purely decorative. |
orientation
Sets the separator to be either horizontal or vertical.
<EccUtilsDesignSeparator orientation="vertical" />decorative
When true, the component is treated as a visual element and ignored by screen readers.
<EccUtilsDesignSeparator decorative={false} />Events
This component does not emit any custom events.
