Install
npm i @paraboly/react-icon-button
Usage
Please check the storybook's example to get the usage of the library.
You can simply clone the project and npm i && npm start to check the how to use the library with alive example.
import IconButton from "@paraboly/react-icon-button";
<IconButton text="Filter" imageSource={filterIcon} />;
Configuration - Props
| Property | Type | Default | Description |
|---|
| imageSource | image | undefined | use this to set your own image |
| onPress | function | null | set the onPress function |
| text | string | null | use this to change the text |
| textDisable | boolean | false | use this to disable the text part if you do not want to use text |
| hoverColor | color | rgba(255, 255, 255, 0.08) | change button's hovered background color |
| iconStyle | style | default | set your own style for the icon (image) |
| textStyle | style | default | set your own style for the text |
| textContainerStyle | style | default | set your own style for the text's container |
| buttonStyle | style | default | set your own style for the button itself |
| iconAlt | string | undefined | set your own alt naming for the icon (image) |
Credits
Thank you so much for the filter icon Flaticon
Author
FreakyCoder, kurayogun@gmail.com
License
React Icon Button is available under the MIT license. See the LICENSE file for more info.
