scrinio-react-icons
v1.0.1
Published
Customizable icons to use in React projects
Downloads
12
Readme
scrinio-react-icons
Customizable icons to use in React projects
To install
yarn add scrinio-react-icons
# or
npm install scrinio-react-icons
Example usage
import { HomeIcon } from 'scrinio-react-icons'
const App = () => {
return (
<button type='button'>
<span>Ir al home</span>
<HomeIcon />
</button>
)
}
Example usage 2
import { useState } from 'react'
import { HomeIcon } from 'scrinio-react-icons'
const App = () => {
const [isActive, setIsActive] = useState(false)
const handleToggleIsActive = () => {
setIsActive(!isActive)
}
return (
<button onClick={handleToggleIsActive} type='button'>
<span>Ir al home</span>
<HomeIcon color='white' isActive={isActive} colorActive='purple' />
</button>
)
}
Optional icon properties
| Property | Default |
| ------------- | ---------------- |
| color
| scrinio colors
|
| isActive
| false
|
| colorActive
| #FFF
|
License
MIT © Scrinio