Tournant UI

In the kitchen, the tournant is the person moving around, helping out.

Tournant UI aims to be this. For User Interfaces. Tournant UI will not replace your complete UI or dictate how to you design your elements.

But if you need to integrate inclusive components in your site, Tournant UI will be there. Like a helping hand.

Note

This is still in early development. Many components needed are missing. If you are able to contribute, please do!

Acknowledgment

Tournant is heavily inspired by projects such as Reach UI, Inclusive Components and Accessible App.

Feedback & Contributions

Contributions are always welcome.

If you found a bug or want to request a feature, please open an issue.

If you wrote an enhancement or fixed a bug, open a Pull Request. Please follow the Fork & Pull Request workflow, as explained here.

Pull Requests should contain unit tests. However, if you are not sure how to write these tests, please do not hesitate to open a request. We can figure out how to add necessary tests together.

Thanks. 💞

Development

If you want to improve the component, follow these steps.

First, you need to install the base dependencies:

yarn install

Tournant UI uses Lerna. You will need to bootstrap the project folder:

yarn bootstrap

Compiles and hot-reloads for development

Files are located in /ui.

yarn serve

Compiles and minifies for production

To build all packages run:

yarn build

💁 Note: This builds the bundles that can be published to NPM. If you want to build the demo implementation in ./demo use yarn run build:ui

Run your tests

yarn run test

Lints and fixes files

yarn run lint

Run your unit tests

yarn run test:unit

Author

The components were written by. But I wouldn’t have been able to do this without the amazing community that has built around inclusive and accessible Web Development. Thanks.

Oscar Braunert | @ovlb | www.ovl.design