Senirupa
Senirupa is a tool for React design.
- Easy to use
- Customizable
- Lightweight
- Component base
Install
To install Senirupa
npm i senirupa --save
Icon Usage
Check the example folder for more details. Example
import { IconArrowUp } from 'senirupa';
function App() {
return (
<div className='App'>
<IconArrowUp color='#ffffff' size='30px' />
</div>
);
}
Icon Props
Add props for icon customization, all data types are string.
Props | Default | Description |
---|---|---|
size |
18px |
Change icon size |
color |
#000000 |
Change icon color |
weight |
2 |
Change icon weight |
lineCap |
round |
Change strokeLineCap icon - ( round, butt, square ) |
lineJoin |
round |
Change strokeLineJoin icon - ( round, bevel, arcs ) |