Divider
The divider element is used to display a separator between sections. It can also be used as a separator between menu items.
Basic use
When to use
Use wje-divider when you need a consistent WebJET-based implementation for this UI concern.
When not to use
Do not stretch the component beyond its responsibility; compose smaller primitives for edge cases.
Accessibility
Validate keyboard behavior, focus states, contrast, and meaningful labels for interactive elements.
Best Practices
- Prefer component APIs over direct DOM manipulation.
- Stick to design tokens and naming conventions.
- Test components with realistic data before production rollout.
Attributes and Properties
No properties available for this component.
Events
No events available for this component.
Methods
No public methods available for this component.
CSS Shadow Parts
No CSS shadow parts available for this component.
CSS Custom Properties
| Name | Description |
|---|---|
--wje-border-width | The size of the border. |
--wje-divider-border-color | The color of the divider borderline. |
--wje-divider-border-width | The width of the divider borderline. |
--wje-divider-spacing | The spacing for the divider. |
Slots
| Name | Description |
|---|---|
default | This is a default/unnamed slot. |