HQ UI

Separator

A separator is a visual divider between two groups of content, e.g. groups of menu items or sections of a page.

Installation

npx shadcn@latest add https://hq-ui.vercel.app/r/separator

Blocks

separator-01

Above the separator

Below the separator

separator-02

Left

Center

Right

separator-03
separator-04

Section 1

Content for section 1

Section 2

Content for section 2

separator-05
separator-06

Section 1

Section 2

separator-07

Section 1

Section 2

separator-08

Section 1

Section 2

separator-09

Section 1

Section 2

separator-10

Section 1

Section 2

separator-11

Above

Below

separator-12

Above

Below

separator-13

Above

Below

separator-14

Above

Below

separator-15

Above

Below

separator-16
OR
separator-17
Continue with
separator-18
More