Looking for Reakit's successor?Visit Ariakit
Skip to main content


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


npm install reakit

Learn more in Get started.


import { Separator } from "reakit/Separator";

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


  • Separator has role separator.

Learn more in Accessibility.


Learn more in Composition.



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.

Powered by Vercel

Released under the MIT License

Copyright © 2017-2023 Diego Haz