Separator

The Separator component provides you with divider lines and separators.

Live Examples

Storybook: components-separator--default

Storybook: components-separator--vertical

Storybook: components-separator--in-context

Code Examples

import { Separator } from '@nostromo/ui-core'
 
export default function SeparatorExample() {
  return (
    <div className="space-y-4">
      <div>Content above separator</div>
      <Separator />
      <div>Content below separator</div>
    </div>
  )
}

Vertical

import { Separator } from '@nostromo/ui-core'
 
export default function VerticalSeparator() {
  return (
    <div className="flex items-center space-x-4">
      <div>Left</div>
      <Separator orientation="vertical" />
      <div>Right</div>
    </div>
  )
}

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	Separator orientation

Icon Input