@fictjs/separator

Separator primitive for Fict, modeled after @radix-ui/react-separator. A visual or semantic divider between content.

Part of ui-primitives, a port of Radix Primitives to Fict.

Installation

pnpm add @fictjs/separator fict

Usage

/** @jsxImportSource fict */
import * as Separator from '@fictjs/separator'

export function Example() {
  return (
    <>
      <span>Docs</span>
      <Separator.Root orientation="vertical" decorative />
      <span>Blog</span>
    </>
  )
}

Anatomy

• Separator.Root (Root) — orientation="horizontal" | "vertical" (defaults to horizontal), decorative (when true, hidden from assistive technology). Supports asChild.

Exposes data-orientation.

Exports

• Components: Separator (Root).
• Types: SeparatorProps, Orientation.

Documentation

The API mirrors Radix, so the upstream Radix Separator docs apply. See the ui-primitives overview and the architecture guide for the Fict-specific reactivity model.

License

MIT © Fict contributors.