Material UI

Introduction

La communauté React propose une vaste collection de composants UI avancés. Material UI est l'un des frameworks d'interface utilisateur React les plus populaires. Nous allons apprendre à utiliser la bibliothèque Material UI dans ce chapitre.

Installation

Material UI peut être installé à l'aide du paquet npm.

npm install @material-ui/core

Material UI recommande les polices Roboto pour l'interface utilisateur. Pour utiliser la police Roboto, incluez-la en utilisant les liens Gooogleapi.

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />

Pour utiliser les icônes des polices, utilisez le lien vers les icônes de googleapis.

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

Pour utiliser les icônes SVG, installez le paquet @material-ui/icons.

npm install @material-ui/icons