rmdi
1.0.0
สร้างขึ้นด้วย 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กระบวนการสร้างจะ:
material-design-icons สำหรับซอร์สโค้ด SVGsvg/ โฟลเดอร์examples/ โฟลเดอร์สำหรับการทดสอบและการพัฒนาsvg/ โฟลเดอร์และเอาต์พุตไปยัง src/src/ โฟลเดอร์และเอาต์พุตไปที่ lib/การทดสอบ:
npm testเพื่อเรียกใช้เซิร์ฟเวอร์การพัฒนา:
npm startใบอนุญาต MIT