Basic interactive UI patterns like popup menus, tooltips, and modals are surprisingly hard to get right on the web. Component libraries tend to be weighty, opinionated, and come tightly coupled with styles you don't want. On the other hand, rolling your own components feels like you're reinventing the wheel and puts accessibility at risk.

inclusive-elements provides those basic behaviors in the form of Custom Elements, without any of the cruft. They are:

🦮 Accessible. Designed following the ARIA Authoring Practices Guide so everyone can use them.
🌳 Lightweight. Tree-shake only the elements you need.
🎨 Unstyled. Easily integrate with your design bottom-up without having to fight defaults.
🚀 Easy to use. Simple API, works with any framework that supports Custom Elements.

Installation

npm install inclusive-elements --save

Elements

Detailed descriptions and usage instructions are contained within each element:

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

License

MIT

FAQs

What is inclusive-elements?

Is inclusive-elements popular?

Is inclusive-elements well maintained?

Package last updated on 29 Jun 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

inclusive-elements