Package Exports

reakit
reakit/Box
reakit/Box/Box
reakit/Button
reakit/Button/Button
reakit/Checkbox
reakit/Checkbox/Checkbox
reakit/Checkbox/CheckboxState
reakit/Dialog
reakit/Dialog/Dialog
reakit/Dialog/DialogBackdrop
reakit/Dialog/DialogDisclosure
reakit/Dialog/DialogState
reakit/Form
reakit/Form/Form
reakit/Form/FormCheckbox
reakit/Form/FormGroup
reakit/Form/FormInput
reakit/Form/FormLabel
reakit/Form/FormMessage
reakit/Form/FormPushButton
reakit/Form/FormRadio
reakit/Form/FormRadioGroup
reakit/Form/FormRemoveButton
reakit/Form/FormState
reakit/Form/FormSubmitButton
reakit/Form/utils
reakit/Form/utils/getIn
reakit/Form/utils/setAllIn
reakit/Form/utils/setIn
reakit/Group
reakit/Group/Group
reakit/Hidden
reakit/Hidden/Hidden
reakit/Hidden/HiddenDisclosure
reakit/Hidden/HiddenState
reakit/Menu
reakit/Menu/Menu
reakit/Menu/MenuDisclosure
reakit/Menu/MenuGroup
reakit/Menu/MenuItem
reakit/Menu/MenuItemCheckbox
reakit/Menu/MenuItemRadio
reakit/Menu/MenuSeparator
reakit/Menu/MenuState
reakit/Menu/StaticMenu
reakit/Popover
reakit/Popover/Popover
reakit/Popover/PopoverArrow
reakit/Popover/PopoverBackdrop
reakit/Popover/PopoverDisclosure
reakit/Popover/PopoverState
reakit/Portal
reakit/Portal/Portal
reakit/Provider
reakit/Radio
reakit/Radio/Radio
reakit/Radio/RadioGroup
reakit/Radio/RadioState
reakit/Rover
reakit/Rover/Rover
reakit/Rover/RoverState
reakit/Separator
reakit/Separator/Separator
reakit/Tab
reakit/Tab/Tab
reakit/Tab/TabList
reakit/Tab/TabPanel
reakit/Tab/TabState
reakit/Tabbable
reakit/Tabbable/Tabbable
reakit/Toolbar
reakit/Toolbar/Toolbar
reakit/Toolbar/ToolbarItem
reakit/Toolbar/ToolbarSeparator
reakit/Toolbar/ToolbarState
reakit/Tooltip
reakit/Tooltip/Tooltip
reakit/Tooltip/TooltipArrow
reakit/Tooltip/TooltipReference
reakit/Tooltip/TooltipState
reakit/VisuallyHidden
reakit/VisuallyHidden/VisuallyHidden
reakit/utils
reakit/utils/Provider

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (reakit) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Reakit

Toolkit for building accessible rich web apps with React.
Explore website »

Supporters

By donating $5 or more you help in the development of this project. Thank you to all our supporters! 🙏

Installation

Reakit v1 is still in beta. If you're looking for v0, see v0 branch, v0 docs and the migration guide.

npm:

npm i reakit

Yarn:

yarn add reakit

Thanks to @nosebit for the package name on npm.

Usage

import React from "react";
import ReactDOM from "react-dom";
import { useDialogState, Dialog, DialogDisclosure } from "reakit";

function App() {
  const dialog = useDialogState();
  return (
    <div>
      <DialogDisclosure {...dialog}>Open dialog</DialogDisclosure>
      <Dialog {...dialog} aria-label="Welcome">
        Welcome to Reakit!
      </Dialog>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById("root"));

Play with this on CodeSandbox and read the documentation to learn more.

Contributors

This project exists thanks to all the people who contribute.

Logo by Leonardo Elias.

reakit