【文件属性】:
文件名称:styled-svg:用于SVG文件的样式化组件生成器,以在react中使用
文件大小:111KB
文件格式:ZIP
更新时间:2021-05-02 20:18:49
react svg generator js styled-components
样式的svg
生成 从SVG文件
这是什么?
该实用程序使用styled.svg函数生成React组件。 只需将.svg放到项目中的某个位置,运行该工具,并开始将您的svg文件用作 ,并具有所有React和styled-components美感。 另外,所有的svg文件都使用令人敬畏的库进行了优化。
看起来如何
输入
命令npx styled-svg **/*.svg --size=small:18x18 --size=medium:24x24 --size=large:36x36
输出
样式化的组件:
测试
生成组件的用法
import React from 'react'
import Warning from './Warning'
const ComponentWithImage = props => (
< div>
{ props . childre
【文件预览】:
styled-svg-master
----.gitignore(23B)
----README.md(4KB)
----jest()
--------polyfills.js(556B)
--------fileTransform.js(307B)
--------setupTests.js(63B)
--------test.js(654B)
----bin()
--------styled-svg.js(2KB)
----.prettierrc(51B)
----package.json(3KB)
----src()
--------indent.js(2KB)
--------serializeSizes.js(586B)
--------stringOperations.test.js(2KB)
--------stringOperations.js(437B)
--------optimize.js(929B)
--------svgo-plugins()
--------index.js(4KB)
--------createHelpers.js(1KB)
--------test-images()
----LICENSE.md(1KB)
----.travis.yml(130B)
----templates()
--------component.js(1KB)
--------test.js(2KB)
----.eslintrc.js(467B)
----package-lock.json(342KB)