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

Separator uses Role, and is used by MenuSeparator and ToolbarSeparator.

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.