StyleSheetManager

Styled-Components 🔴 Senior

Définition

Composant qui configure ou les styles sont injectes (target), active/désactivé les préfixes vendeur, et contrôle le comportement global du styling.

Analogie

Le contrôleur aérien 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 préfixes vendeur.

Termes liés

#styling#css-in-js