✨ Added LineDrawing component
This commit is contained in:
parent
9c1f701fa2
commit
21bc3c0828
7 changed files with 404 additions and 104 deletions
|
@ -6,17 +6,13 @@ const LineDrawing = props => {
|
|||
return (
|
||||
<svg
|
||||
style={props.style}
|
||||
className={props.className}
|
||||
className={'fs linedrawing ' + props.className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={props.size}
|
||||
height={props.size}
|
||||
viewBox={props.viewBox}
|
||||
viewBox="0 0 270 270"
|
||||
>
|
||||
<path
|
||||
stroke="none"
|
||||
fill={props.color ? props.color : 'currentColor'}
|
||||
d={patterns[props.pattern]}
|
||||
/>
|
||||
{patterns[props.pattern].map(el => el)}
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
@ -29,10 +25,9 @@ LineDrawing.propTypes = {
|
|||
}
|
||||
|
||||
LineDrawing.defaultProps = {
|
||||
size: 24,
|
||||
viewBox: '0 0 24 24',
|
||||
size: 64,
|
||||
className: '',
|
||||
pattern: 'github',
|
||||
pattern: 'aaron',
|
||||
color: false,
|
||||
style: {}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue