styled() / styled.tag

Definition

Fonction principale qui cree un composant React avec des styles scopes. styled.div cree un div style, styled(Component) etend un composant existant.

Analogie

Un decorateur qui habille un element HTML ou un composant existant avec de nouveaux vetements.

Exemple de code

const Card = styled.div`
  padding: 1rem;
  border-radius: 8px;
`
// Extend un composant existant
const PrimaryCard = styled(Card)`
  background: blue;
  color: white;
`

Cas d'usage

Creer des composants React avec du CSS scope et extensible via l'heritage de styles.

Termes lies