Components

Separator

Visual divider component for horizontal or vertical separation.

iOSAndroid

Preview Separator on your device

Scan with Expo Go

Download Expo Go, then scan the QR code to preview native components.

Installation

pnpm dlx @docyrus/cli add @docyrus/rn-separator

import { Separator } from '@/components/docyrus-native/separator';

<Separator />
<Separator orientation="vertical" />
<Separator thickness={2} />

Prop	Type	Default	Description
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Separator direction
`color`	`string`	theme `border`	Custom color
`thickness`	`number`	`1`	Line thickness
`className`	`string`	—	Additional CSS classes

Type	Description
`SeparatorProps`	Props for Separator component
`SeparatorOrientation`	`'horizontal' \| 'vertical'`

Select

Dropdown select component with modal picker for option selection.

SimpleMarkdownEditor

Plain-text markdown editor with a formatting toolbar, optional rendered preview and word count.