sigilUI

Separator

Create a horizontal or vertical separator between items.

@sigil-ui/componentsReact

Preview

Live preview Interactive

Import

import { Separator } from "@sigil-ui/components";

Usage

<div className="flex flex-col gap-3 w-full max-w-sm text-sm text-[var(--s-text)]">
    <span>Section A</span>
    <Separator />
    <span>Section B</span>
    <Separator />
    <span>Section C</span>
  </div>

Token integration

CSS VariablePurpose
--s-borderBorder

Select

Choose an option from an accessible popover list.

SignaturePad

Draw a signature and clear or export the result.

On this page

PreviewImportUsageToken integration