- Create your branch from main
- Run
yarn to setup the development environment.
- Make the changes you want and test them out in the demo website before sending a pull request.
- Add all necessary information and examples in your pull request.
We follow conventional commits convention ✨
The commit contains the following structural elements, to communicate intent to the consumers of your library:
- fix: patches a bug in your codebase
- feat: introduces a new feature to the codebase
- BREAKING CHANGE: introduces a breaking API change
- refactor: introduce code refactor
- docs: changes into documentation
- test: adding or updating tests
- chore: tooling changes, chore changes
We have a pre-commit hook to verify if your commit is correct 🚔
Each component will consist of:
ComponentName: Folder with name of component (PascalCase)
index.tsx: The React component
component-name.module.scss: Any related styles with sass
types.ts: Typescript types for this component
utils.ts : Utilities for this component
docs : Documentation for this component See more
index.test.ts: vitest + react-testing-library tests
You can report issues on our github project 🐛
Our documentation is based on NextJS with mdx files and nodejs script.
All component documentation is now located in its repository's docs folder:
index.mdx:
- Header: Contains the following information:
ariakit: Link (if used in this component, will be transformed into a button on the page header)
description: From ChatGPT
name
packageName: Name of the npm package
usage: If needed, for example, if the import is different from the component name
/examples:
- overview.mdx: The main example shown at the top of the component page
- Others: Your other examples
properties.json: Auto-generated with yarn watch. It includes the list of the component's properties.
Simply add your new page on it, it's magic!