📚 Cheatsheet

Une collection organisée de snippets de code pour accélérer votre développement. Parcourez, recherchez et copiez en un clic.

Snippets 4

Retour
Appliquer des classes conditionnellement
Intermédiaire 
let className = 'menu';
if (isActive) {
  className += ' menu-active';
}
CSS Modules
Intermédiaire 
import styles from './MonComposant.module.css';

<div className={styles.container}>...</div>
Style en ligne (inline styling)
Facile 
<div style={{ color: 'blue', fontSize: '16px' }}>Texte stylé</div>
Styled Components (exemple)
Intermédiaire 
import styled from 'styled-components';

const Button = styled.button`
  background: palevioletred;
  color: white;
`;

<Button>Cliquez-moi</Button>