Separator

CombricDocumentation version

Horizontal native separator with an optional decorative mode.

Import and usage

import { Separator } from "@combric/react";

Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.

Examples

Separator

First

Second

import { Separator } from "@combric/react";

export function Example() {
  return <div>First<Separator />Second</div>;
}

Decorative separator

SummaryDetails

import { Separator } from "@combric/react";

export function Example() {
  return <div><span>Summary</span><Separator decorative /><span>Details</span></div>;
}

Public API

Public exports
Name
`Separator`

Documented contracts
Property / capability	Published contract
Contract	decorative
Contract	native hr props

Accessibility

Semantic by default; decorative mode removes separator semantics and hides it from assistive technology.

CSS and customization

Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.

Source

View source on GitHub