Skip to content

This setup allows users to visualize how their chosen styles will appear in a webpage layout with a header, content box, and footer, all dynamically updated based on their input. Adjustments to colors, font sizes, and font families are applied in real-time, enhancing the user experience of designing a style guide.

Notifications You must be signed in to change notification settings

carthworks/style-guide-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Creating a React.js component that generates a style guide for a website using input forms and displays it on a single page with Bootstrap involves a few steps.

o fetch style settings from a JSON file and apply them to the page. resembling a webpage with header, footer, and a content box whose colors are dynamically set based on user input,

image

About

This setup allows users to visualize how their chosen styles will appear in a webpage layout with a header, content box, and footer, all dynamically updated based on their input. Adjustments to colors, font sizes, and font families are applied in real-time, enhancing the user experience of designing a style guide.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published