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, [email protected]

License

React Icon Button is available under the MIT license. See the LICENSE file for more info.