rmdi

Реагировать значки дизайна материала

Построенный из Pixo, стилируемых компонентов и стилизованной системы

https://jxnblk.com/rmdi

npm i rmdi

 // import icons individually for better tree-shaking
import Accessibility from 'rmdi/lib/Accessibility'

const App = props => (
  < Accessibility
    size = { 32 }
    color = 'tomato'
  />
) 

 // import all icons as a single component
import { Icon } from 'rmdi'

const App = props => (
  < Icon
    name = 'accessibility'
    size = { 32 }
    color = 'tomato'
  />
) 

Список значков

Смотрите список значков для полного списка всех доступных значков

Реквизит

Проп	Тип	Описание
size	число	ширина и высота в пикселях
color	нить	Заполните цвет, использует color функцию стилизованной системы

Расстояние реквизита

Маржа может быть применена со следующими реквизитами, которые используют space функцию системы. Маржинальные реквизиты принимают числа для значений пикселей, строк с единицами CSS или массивами для отзывчивого края

Проп	Описание
m	допуск
mt	маржа
mr	Право маржи
mb	маржинальный бат
ml	Полевой левый
mx	Мяглевая маржа и правая маржи
my	маржинальная версия и маржинальный бат

Внося

npm install

Процесс сборки будет:

1. Проповедовать пакет material-design-icons для исходного кода SVG
2. Скопируйте значки в папку svg/
3. Создайте examples/ папку для тестов и разработки
4. Запустите Pixo на svg/ папке и вывод в src/
5. Запустите Babel на src/ папку и выводят в lib/

Тесты:

npm test

Чтобы запустить сервер разработки:

npm start

Связанный

• Значки дизайна материалов Google
• Пиксо
• Стилизованные компоненты
• Стилизованная система
• Реагировать иконки

MIT Лицензия