tsd07rn-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
