📚 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
Configurer Tailwind CSS
Intermédiaire 
// tailwind.config.js
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}',
  ],
  // ...
};
CSS Modules
Facile 
import styles from './Button.module.css';

function Button() {
  return <button className={styles.error}>Error Button</button>;
}
Importer une feuille de style globale
Facile 
// Dans pages/_app.js
import '../styles/global.css';
Styled-JSX
Intermédiaire 
function HelloWorld() {
  return (
    <div>
      Hello world
      <style jsx>{`
        p { color: blue; }
      `}</style>
    </div>
  );
}