solid-reach icon indicating copy to clipboard operation
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.