A component library created for further projects. This library would have themes as branches. The latest finalized theme would be pulled in main.
These themes are responsive :D
This component library includes the following:
- Theme toggle button
- Gradient Cover page with background
- Header
- Navigation
- Typography
- Aside
- Lists (all the possible combinations I could muster up)
- Links
- Primary Link
- Secondary Link
- Buttons
- Primary Button
- Submit Button
- Reset Button
- Code block
- Code block hosted by github "Gist"
- Off white code block
- Containers
- Fluid
- Center
- Sections
- Normal
- Off white
- Toast (Not Completed yet)
- Cards Showcase
- can be used for blogs, projects, etc.
- Footer
Each component is styled and contained in a div, the HTML code can be found in the "index.html" file. In CSS mmuliple utility classes have also been used, kindly do note that.
Steps to impliment:
- Copy HTML with style classes from "index.html".
- Copy CSS including the utility classes and the media queries from the CSS file located in "css" folder.
- Copy related javaScript file in javaScript folder.
- Verify the class names before pulling your hair out for it not working :P
A live preview can be seen at
as1553-component-library.netlify.app
Any suggestions are welcome, be it a different way to write the same class, kindly do message me.
More themes are coming.