JSPM

  • Created
  • Published
  • Downloads 171571
  • Score
    100M100P100Q158287F
  • License MIT

Toolkit for building accessible rich web apps with React

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/KeyBinder
  • reakit/KeyBinder/KeyBinder
  • 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/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/system
  • reakit/system/SystemContext
  • reakit/system/SystemProvider
  • reakit/system/mergeSystem
  • reakit/system/useOptions
  • reakit/system/useProps
  • reakit/system/useToken
  • reakit/utils
  • reakit/utils/Provider
  • reakit/utils/createComponent
  • reakit/utils/mergeProps
  • reakit/utils/useCreateElement
  • reakit/utils/useId
  • reakit/utils/useSealedState

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 symbol

Reakit

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

Reakit thumbnail

NPM version NPM downloads Build Status Coverage Status
Sponsors Backers Spectrum Follow Reakit on Twitter

Supporters

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

Installation

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 aria-label="Welcome" {...dialog}>
        Welcome to Reakit!
      </Dialog>
    </div>
  );
}

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

Read the documentation to learn more.

Contributors

This project exists thanks to all the people who contribute.

License

MIT © Diego Haz