Separator

Visually or semantically separates content.

Installation

# Install @opencosmos/ui to use Separator
pnpm add @opencosmos/ui

Preview

Loading preview...

Customize

orientation— Orientation of the separator

Usage

Import

import { Separator } from '@opencosmos/ui';

Example

<Separator>
  Content
</Separator>

Eject

Copy this component into your project for full customization

API Reference

Prop	Type	Default	Description
orientation	horizontal \| vertical	"horizontal"	Orientation of the separator

Basic usage

import { Separator } from '@opencosmos/ui';

<div>
  <Separator orientation="vertical" />
</div>