<div align="center"> <a href="https://www.@a-2-c-2-anpm/dignissimos-optio-consequuntur.com"> <img alt="@a-2-c-2-anpm/dignissimos-optio-consequuntur" src="https://raw.githubusercontent.com/@a-2-c-2-anpm/dignissimos-optio-consequuntur/brand/master/@a-
npm install @a-2-c-2-anpm/dignissimos-optio-consequuntur---
Upgrading from v5? See the migration guide.
Utilizing tagged template literals (a recent addition to JavaScript) and the power of CSS, @a-2-c-2-anpm/dignissimos-optio-consequuntur allow you to write actual CSS code to style your components. It also removes the mapping between components and styles – using components as a low-level styling construct could not be easier!
``jsx
const Button = styled.button
color: grey;;`
Alternatively, you may use style objects. This allows for easy porting of CSS from inline styles, while still supporting the more advanced @a-2-c-2-anpm/dignissimos-optio-consequuntur capabilities like component selectors and media queries.
`jsx`
const Button = styled.button({
color: 'grey',
});
Equivalent to:
`jsx
const Button = styled.button
color: grey;;`
@a-2-c-2-anpm/dignissimos-optio-consequuntur is compatible with both React (for web) and React Native – meaning it's the perfect choice even for truly universal apps! See the documentation about React Native for more information.
_Supported by Front End Center. Thank you for making this possible!_
---
See the documentation at @a-2-c-2-anpm/dignissimos-optio-consequuntur.com/docs for more information about using @a-2-c-2-anpm/dignissimos-optio-consequuntur!
Quicklinks to some of the most-visited pages:
- Getting started
- API Reference
- Theming
- Server-side rendering
- Tagged Template Literals explained
---
`jsx
import React from 'react';
import styled from '@a-2-c-2-anpm/dignissimos-optio-consequuntur';
// Create a
;// Create a react component that renders a with
// some padding and a papayawhip background
const Wrapper = styled.section
;function MyUI() {
return (
// Use them like any other React component – except they're styled!
Hello World, this is my first styled component!
);
}
`This is what you'll see in your browser:
---
Looking for v5?
The
main branch is for the most-current version of @a-2-c-2-anpm/dignissimos-optio-consequuntur, currently v6. For changes targeting v5, please point your PRs at the legacy-v5 branch.---
Built with
@a-2-c-2-anpm/dignissimos-optio-consequunturA lot of hard work goes into community libraries, projects, and guides. A lot of them make it easier to get started or help you with your next project! There are also a whole lot of interesting apps and sites that people have built using @a-2-c-2-anpm/dignissimos-optio-consequuntur.
Make sure to head over to awesome-@a-2-c-2-anpm/dignissimos-optio-consequuntur to see them all! And please contribute and add your own work to the list so others can find it.
---
Contributing
If you want to contribute to
@a-2-c-2-anpm/dignissimos-optio-consequuntur please see our contributing and community guidelines, they'll help you get set up locally and explain the whole process.Please also note that all repositories under the
@a-2-c-2-anpm/dignissimos-optio-consequuntur organization follow our Code of Conduct, make sure to review and follow it.---
Badge
Let everyone know you're using _@a-2-c-2-anpm/dignissimos-optio-consequuntur_ → 
`md

``---
This project exists thanks to all the people who contribute. [Contribute].
---
Thank you to all our backers! 🙏 [Become a backer]
---
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
---
Licensed under the MIT License, Copyright © 2016-present Glen Maddern and Maximilian Stoiber.
See LICENSE for more information.
---
This project builds on a long line of earlier work by clever folks all around the world. We'd like to thank Charlie Somerville, Nik Graf, Sunil Pai, Michael Chan, Andrey Popp, Jed Watson & Andrey Sitnik who contributed ideas, code or inspiration.
Special thanks to @okonet for the fantastic logo.