Separator
Thin line between groups of content.
or
Usage
import { Separator } from '@smartui/react';
import '@smartui/react/styles.css';When to use
- Separating groups inside a card or a menu.
When not to use
- Between things already separated by space.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | |
orientation | 'horizontal' | 'vertical' | 'horizontal' |
Accessibility
- Decorative lines are hidden from screen readers.