Scribd
Upload
67 views4 pages

Styled Components in React

Styled components is a CSS-in-JS framework that allows writing CSS code to style React components using tagged template literals. It offers the freedom to build custom components with CSS, supports native mobile and scoped styles, enables server-side rendering, and makes dynamic styling and maintenance easier. An example shows how to use tagged template literals to style a Button component with CSS.

Uploaded by

unixisfun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
67 views4 pages

Styled Components in React

Styled components is a CSS-in-JS framework that allows writing CSS code to style React components using tagged template literals. It offers the freedom to build custom components with CSS, supports native mobile and scoped styles, enables server-side rendering, and makes dynamic styling and maintenance easier. An example shows how to use tagged template literals to style a Button component with CSS.

Uploaded by

unixisfun
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

aayush-jain-code

Styled
Components
in React
aayush-jain-code

What is Styled-
components?

💅
Styled components is a CSS-in-JS styling
framework that uses tagged template
literals in JavaScript and the awesome
power of CSS to provide a platform that
allows you to write actual CSS to style
react components.
aayush-jain-code

Why you should use


styled-components
Freedom to build custom
components with CSS.

Native mobile support &


Scoped style

Server-side rendering

Easier deletion of CSS

Simple dynamic styling

Painless maintenance
aayush-jain-code

Example:

You might also like