rn-icon-button
v1.0.3
Published
Customized button with icon for react native
Downloads
2
Maintainers
tsd07Readme
rn-icon-button
A customizable button component allowing you to create visually appealing buttons, utilising images, text or a combination of both.
Setup
npm install rn-icon-button
Usage
import { CustomButton } from 'rn-icon-button';
<CustomButton
buttonStyles={styles.buttonStyle}
onPress={onPress}
title='LOGIN'
buttonTextStyles={styles.buttonText}
icon={require(PATH_TO_ICON)}
iconSize={25}
/>
Properties
| Prop | Type | default | Required | Note | | ------------|:--------------:| :-------:|:--------:|:-----:| | title | string | NA |Optional|title of the dialog | onPress | function | NA |Optional| To perform task on press of the button | buttonTextStyles | object | NA |Optional|Styles for button title text.See example | buttonStyle | object | NA |Optional|Styles for button.See example | icon | image | NA |Optional|Use image to your buttons with or without text(button titles) | iconSize | number | NA |Optional|use this to make the icon fit with your buttons
Screenshot
