We are grateful for your enthusiasm in wanting to contribute to IndieUI! Your assistance means a lot to us, and we eagerly await your input. This manual will assist you in comprehending the layout of the file system and will give you thorough directions on how to incorporate a new element into IndieUI.
-
Fork this repository Click here to fork the repository.
-
Clone your forked repository to your local machine
git clone https://github.com/<YOUR_USERNAME>/indie-ui.git
-
Change the directory to the cloned repository:
-
cd indie-ui
-
Create a new branch for your changes:
git checkout -b feat/component-name
-
Install the dependencies:
pnpm install
-
Run the development server:
pnpm dev
Open localhost with your browser to see the result.
Describe the contribution you would like to make in an issue before creating a pull request. so that we can discuss it and provide feedback. Once you have received approval, you need to change 3 files to add a new component:
- Add UI component to the
src/components/
directory. - Add UI component to the docus
content/docs/
- Showcase the component in the
src/pages/index.tsx
file.
If it is a new category, you need to update the following files:
- Modify the
source.ts
file to add the new category. - Add a new file to the
content/docs/[category]/[name].mdx
directory.
- Use black/white color scheme by default
- Use other colors only when the color make a new variant of the component.
Please follow the Conventional Commits specification.
If you have any ideas or suggestions, please feel free to discuss it in GitHub Discussion Section