Comments (4)
Sure looks cool.
It should also have different color option. Make a new directory called kdb and add the files there.
from seamless-ui.
@RavindraP04 can you help him?
from seamless-ui.
hey
I need some help.
how should I structure the files and folder?
I want to show it in different sizes, and colors
and some examples like how to use it within the text, how to use it with the icon, and more.
should we have a variant like a square box or a rounded corner?
seeing the existing files and folder I am unable to map how these files are going to map on docs and what pattern is followed to make files
from seamless-ui.
Hey @VenomFate-619
Firstly Make a Folder with the name on Component in this branch :- https://github.com/Clueless-Community/seamless-ui/tree/main
Like the Folder Structure can look like this :-
- KDB [Folder]
- src [Folder]
- components.html
- README.md
- kdb.design-system.mdx
- src [Folder]
Inside KDB>src
you can keep all the components of different sizes and colors with proper naming, like for different sizes and colors :-
- kdb-sm-white.html
- kdb-md-white.html
- kdb-lg-white.html
You can change the name of the color in the file name.
For varients like square and rounded, also you can name them like:-
- kdb-sm-white-rounded.html
- kdb-sm-white-square.html
Just send some sample before making these, then we can discuss on it
In the README.md
you can add the screenshot of the components in such a way that when a user clicks on the image, it redirects to the code of that component
For Reference:- https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/README.md
In the Design System mdx file you can Write all the guideline on how you designed it, How to implement it or some examples like how to use it within the text, how to use it with the icon, and more.
For Reference:- https://github.com/Clueless-Community/seamless-ui/blob/main/Buttons/buttons.design-system.mdx
After adding the component in the main
branch, you can move forward to add the components in the website in the website-dev
branch
Will add the steps to add these things in website soon...
from seamless-ui.
Related Issues (20)
- [WEBSITE] - Fix Contribute Section HOT 2
- Improve: Add dynamic year, copyright symbol, and link to ClueLess in footer
- Spelling Error on Site HOT 6
- selected theme tick overlap the text HOT 3
- Update twitter logo in footer HOT 1
- Getting Started Button Issue HOT 1
- Update .gitignore file HOT 2
- Unnecessary files filter from main branch HOT 2
- Explore Components button cursor not working HOT 1
- Overflow X at 1024px HOT 2
- Time Section Not Aligned correctly HOT 1
- Image link not working in Tutorial.md HOT 1
- Home page every button is weird HOT 1
- Bug in Visit Clueless Button HOT 2
- Typo error in README.md
- Typo error in README.md
- Improve the About Us page as per figma design
- Improve CONTRIBUTING.md HOT 1
- Typo error in CONTRIBUTING.md HOT 2
- Typo Error in contributing file HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from seamless-ui.