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. 解析SVG源代碼的material-design-icons包裝包
2. 將圖標複製到svg/文件夾
3. Create an examples/ folder for tests and development
4. 在svg/文件夾上運行Pixo，然後輸出到src/
5. 在src/文件夾上運行Babel，然後輸出到lib/

測試：

npm test

運行開發服務器：

npm start

有關的

• Google材料設計圖標
• Pixo
• 樣式的組件
• 樣式系統
• React Icons

麻省理工學院許可證