Skip to main content
Reakit
DocumentationNewsletter
Spectrum
GitHub
GitHub

Separator

Separator is a static structure that provides a visible boundary for elements. It implements the WAI-ARIA Separator Role.

#Installation

npm install reakit

Learn more in Get started.

#Usage

import { Separator } from "reakit/Separator";

function Example() {
  return <Separator orientation="horizontal" />;
}

#Accessibility

  • Separator has role separator.

Learn more in Accessibility.

#Composition

Learn more in Composition.

#Props

#Separator

1 state props

These props are returned by the state hook. You can spread them into this component ({...state}) or pass them separately. You can also provide these props from your own state logic.

  • orientation "horizontal" | "vertical" | undefined

    Separator's orientation.