AISoon
shadcn/ui
Accordion
Alert
Alert Dialog
Avatar
Badge
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Data Table
Dialog
Dropdown Menu
Form
Hover Card
Input
Input OTP
Label
Pagination
Popover
Progress
Radio Group
Resizable
Scroll Area
Select
Separator
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toggle
Toggle Group
Tooltip
CalendarSoon
ComboboxSoon
CommandSoon
Context MenuSoon
Date PickerSoon
DrawerSoon
MenubarSoon
Navigation MenuSoon
SonnerSoon
ChartsSoon
MDXSoon
Add-ons
Auto Resize
File UploadSoon
Motion Panel
Segmented Control

Separator

Visually or semantically separates content.

Built with:

React.js
TypeScript
Tailwind CSS
Radix UI

Loading...

Contents

Installation
Usage
API Reference

Ads

Installation

Loading...

Usage

<Separator />

API Reference

Support all Root Radix API.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Separator | Pure UI

Radix Primitives

An open-source UI component library.

Blog

Docs

Source