Skip to content
This repository has been archived by the owner on Sep 2, 2020. It is now read-only.
/ react-maria Public archive

[Hiatus: have to rework my thoughts on this idea] Unique IDs, ARIA state management and components for React

License

Notifications You must be signed in to change notification settings

Merri/react-maria

Repository files navigation

React Maria

Maria? … mARIA? … … … por qúe Maria?

This is ARIA components under construction where I'm getting rid of legacy complexity issues in react-tabbordion and avoiding problems like the universal rendering issue that exist in other similar component libraries such as react-aria.

These components will be built on top of the latest and greatest features in React, requiring React 16.4 or later.

npm install react-maria

import { withUniqueId } from 'react-maria'

export default withUniqueId()(MyComponent)
// or...
export default withUniqueId({ identifier: 'my-component' })(MyComponent)

Stable features as of v0.1.0

These features are "mature" and are unlikely to be changed greatly from now on. Full 100% test coverage.

Unstable features: Components

These features have not yet had the care and time to be anywhere near final: no docs, no tests, likely to change a lot.

Overlays: for dialogs, dropdowns, popups, tooltips...

  • Modal: for any component that pops on top of regular content, be it list dropdown or full screen modal dialog
  • ModalOverlay: required for modals to function, multi-modal management
  • withOverlay: HoC that handles freezeScroll and id props, manages communication to ModalOverlay

Todo thoughts

  • Accordion
  • Tabs
  • Actually make use of Storybook

About

[Hiatus: have to rework my thoughts on this idea] Unique IDs, ARIA state management and components for React

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published