Theming

Default theme

• Include CSS with default theme into HTML page

  <link rel="stylesheet" href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css"> 
  

• Or import it into JS/JSX file

  // MyApp/index.js
  import 'material-components-web/dist/material-components-web.min.css';
  

Custom theme

Override default theme colors with Sass or with CSS Custom Properties, just follow these guides:

• Changing the theme with Sass
• Changing the theme with CSS Custom Properties