{"repo":"vercel/styled-jsx","free":true,"listed":false,"github":"https://github.com/vercel/styled-jsx","clone":"git clone https://github.com/vercel/styled-jsx.git","description":"Full CSS support for JSX without compromises","language":"JavaScript","stars":7776,"topics":["react","jsx","css","dynamic-styles","css-in-js","shadow-dom"],"license":"MIT","category":"ui-components","readme_excerpt":"styled-jsx Full, scoped and component-friendly CSS support for JSX (rendered on the server or the client). Code and docs are for v3 which we highly recommend you to try. Looking for styled-jsx v2? Switch to the v2 branch. - Getting started - Configuration options - optimizeForSpeed - sourceMaps - styleModule - vendorPrefixes - Features - How It Works - Why It Works Like This - Targeting The Root - Global styles - One-off global selectors - Dynamic styles - Via interpolated dynamic props - Via className toggling - Via inline style - Constants - Server-Side Rendering - External CSS and styles outside of the component - External styles - Styles outside of components - The resolve tag - Styles in regular CSS files - CSS Preprocessing via Plugins - Plugin options - Example plugins - Rendering in tests - FAQ - Warning: unknown jsx prop on <style> tag - Can I return an array of components when using React 16? - Styling third parties / child components from the parent - Some styles are missing in production - Build a component library with styled-jsx - Syntax Highlighting - ESLint - TypeScript - Credits Getting started Firstly, install the package: Next, add styled-jsx/babel to plugins in your babel configuration: Now add to your code and fill it with CSS: Configuration options The following are optional settings for the babel plugin. optimizeForSpeed Blazing fast and optimized CSS rules injection system based on the CSSOM APIs. When in production\\ this mode is automatically en","default_branch":null,"files":null,"tree":[],"storefront":"/r/vercel","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vercel/styled-jsx/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}