Do check our First Contribution repository, where we have provided the guidelines to set up Git and how to make a pull request !
One can easily make a contribution to this repository without setting this up locally. If you are building a new UI component then follow the steps written below.
Go to Tailwind Playground.
Build the UI componet using HTML
and Tailwind CSS
.
Add your code to the mentioned path and make a new PR.
You need to make a PR with the template mentioned below.
Here is the component I have built.
Here is a screenshot of that.
### Add a screenshot here
If you are solving any other issue, make your own PR. don't need to follow this template.
- Navigate to the SeamLess UI repository on GitHub.
- Click on the "Issues" tab.
- Click on the "New issue" button.
- Then create an issue using the
New Component
issue template. - Provide a descriptive title for the issue.
- Take a screenshot of the component you want to build from the figma file and paste it in the issue description. Make sure the component is not already built.
- Get assigned and build it.
Question | Answer |
---|---|
1. What to do for local images? | You can upload the image online like this and use the image link. |
2. Does tailwind playground is enough to build any component ? | Yes, absolutely. |
3. How to test responsiveness in tailwind playground? | Tailwind play ground have a responsive mode where you can test it. You can find that option on the top right corner |
4. What are the pre-requisite to contribute? | Basic HTML and Tailwind CSS knowledge will be enough for contribution and making the components. |
git clone https://github.com/Clueless-Community/web-ui-kit.git
cd web-ui-kit
Once you are done with the changes, follow the steps to make the pull request.
git checkout -b <branch_name>
git add .
git commit -m "Enter your message here"
git push origin <branch_name>