@urban-ui/separator

content | separator

Styled wrapper around radix-ui/separator

## Getting started

pnpm add -S @urban-ui/separator

import {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 |