0.1.0 • Published 5 years ago
@paraboly/react-icon-button v0.1.0
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.
0.1.0
5 years ago