0.1.0 • Published 1 year ago
@urban-ui/separator v0.1.0
@urban-ui/separator
content | separator
Styled wrapper around radix-ui/separator
## Getting started
pnpm add -S @urban-ui/separatorimport {Separator} from '@urban-ui/separator'
export function MyComponent() {
return <Separator />
}Details
Applies styling to radix-ui/separator. All props that apply to the radix-ui separator apply here.
The transparent type applies a semi-transparent border which gives a slight indication of depth. This has less visual weight than the strong variant.
API
| Prop | Type | Description | |
|---|---|---|---|
| tone | 'primary' | 'critical' | 'neutral' | 'highlight' | Defaults to neutral | |
| size | 'sm' | 'md' | 'lg | Defaults to md | |
| orientation | 'h' | \ 'v' | Defaults to h |
| type | 'normal' | 'strong' | 'transparent' | Defaults to normal |