rmdiダウンロードrmdiソースコードのダウンロード

rmdi

サードパーティ製コンポーネント

1.0.0

ダウンロード

材料のデザインアイコンを反応させます

ピクソ、スタイルのコンポーネント、スタイルのシステムで構築されています

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`	マージントップとマージンボトム