Перейти к контенту

Инструкция по установке

Установите Material-UI, самый популярный в мире фреймворк для пользовательского интерфейса React.

Material-UI доступен в виде пакета npm .

npm

Для установки и сохранения в вашем package.json зависимости, запустите:

// with npm
npm install @material-ui/core

// with yarn
yarn add @material-ui/core

Обратите внимание, что react > = 16.8.0 и react-dom > = 16.8.0 являются одноранговыми зависимостями.

Шрифт Roboto

Material-UI был разработан на основе шрифта Roboto. Поэтому обязательно следуйте этим инструкциям. Например, через Google Web Fonts:

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

Иконочный шрифт

In order to use the font Icon component, you must first add the Material icons font. Вот некоторые инструкции как это сделать. Например, через Google Web Fonts:

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

SVG Иконки

Для того, чтобы использовать предварительно собранные SVG-иконки Material, такие как те, которые используются для демонстрации, сначала необходимо установить пакет @material-ui/icons:

// with npm
npm install @material-ui/icons

// with yarn
yarn add @material-ui/icons

CDN

Вы можете начать использовать Material-UI с минимальной интерфейсной инфраструктурой, что отлично подходит для прототипирования.

Two Universal Module Definition (UMD) files are provided:

Вы можете следовать этому примеру CDN для быстрого старта.

⚠️ Using this approach in production is discouraged though - the client has to download the entire library, regardless of which components are actually used, affecting performance and bandwidth utilization.

⚠️ The UMD links are using the latest tag to point to the latest version of the library. This pointer is unstable, it shifts as we release new versions. You should consider pointing to a specific version, such as v4.4.0.