-
I was looking for a calendar to use in a React project and found the React-Calendar component. It has all the functionality that I was looking for and saves me a lot of time from building it out on my own. It can be controlled with state so that the selected date(s) can affect what displays in the app. I wanted to customize its styling to fit my project, so here's what I came up with!
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
I will be using the styled-components package to add styles to my project, but this could all be done in a CSS file if that's your preferred method. Here's my starter code:
-
blog-posts
My repository for drafting blog posts and their associated example files. Posts will be published on DEV Community. (by fitzgeraldkd)
If you want to interact with the app built out for this blog post, it is available on GitHub. The file where all the styles are applied can be found here.
Related posts
-
CSS-in-JS μ ν€μ΄μ§κΈ°
-
Next.js App Directory Architecture First Impressions
-
How to create a beautiful toast message component using React and Styled Components?
-
Mantine 3.0 is out β 120+ hooks and components with dark theme support
-
How to create a Theme in React/Typescript with styled-components