StyleSheetManager

Styled-Components 🔴 Senior

Definition

Composant qui configure ou les styles sont injectes (target), active/desactive les prefixes vendeur, et controle le comportement global du styling.

Analogie

Le controleur aerien qui dirige ou chaque avion (style) doit atterrir.

Exemple de code

import { StyleSheetManager } from 'styled-components'

<StyleSheetManager
  target={iframeRef.current.contentDocument.head}
  enableVendorPrefixes
>
  <App />
</StyleSheetManager>

Cas d'usage

Injecter les styles dans un iframe, un Shadow DOM, ou configurer les prefixes vendeur.

#styling#css-in-js