solid-reach
solid-reach copied to clipboard
A port of ReachUI to SolidJS
Solid ReachUI
This is a port of ReachUI for Solid that (hopefully) will serve you as The Accessible Foundation for Solid Apps and Design Systems.
VERY EARLY DEVELOPMENT: Tests and docs are missing, lots of bugs might be present.
There is no documentation for now but you can see the ported components in our Storybook.
Installation
All components are published as individual packages under the @solid-reach namespace. If you wanted to use a dialog, for example, you'd need to install it individually from npm:
npm i -S @solid-reach/dialog
# yarn
yarn add @solid-reach/dialog
Usage
Proper usage documentation is still missing, but for the components available already (listed below) we aim to have an identical API to the one used by ReachUI. You may also check Storybook for its usage.
Development Progress
The current objective is to get feature-parity with ReachUI. Ideally maintaining an equivalent interface.
✅ - Released
💪 - Working (missing tests)
🛠 - Building
📝 - Documented
| Status | Name |
|---|---|
| 💪 | Accordion |
| 💪 | Alert |
| 💪 | Alert Dialog |
| 🛠 | Checkbox |
| 💪 | Combo Box |
| 💪 | Dialog (Modal) |
| 💪 | Disclosure |
| 🛠 | Listbox |
| 🛠 | Menu Button |
| 🛠 | Slider |
| 💪 | Portal |
| 💪 | Skip Nav |
| 💪 | Tabs |
| 💪 | Tooltip |
| 💪 | Visually Hidden |
We are also missing some dev goodies and warnings available in ReachUI.