как использовать materialize-css с реакцией и поддерживать минимальный размер установленных компонентов materialize-css - PullRequest
Новая
       5

как использовать materialize-css с реакцией и поддерживать минимальный размер установленных компонентов materialize-css

0 голосов
/ 06 мая 2019

Я пытаюсь использовать materialize-css в моем проекте React. Как я могу настроить materialize-css и использовать его компоненты с React?

1 Ответ

0 голосов
/ 06 мая 2019

Можно использовать https://github.com/react-materialize/react-materialize

npm install react-materialize

Добавьте их на html-страницу по умолчанию, где вам нужен Material Design. 

<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="path/to/materialize.css">
  </head>
  <body>
    <script src="path/to/materialize.js"></script>
    <script src="path/to/your/bundle.js"></script>
  </body>
</html>

Используйте компоненты. 

import { Button, Card, Row, Col } from 'react-materialize';

Полный список и способы реализации компонентов перечислены здесь: http://react -materialize.github.io

...