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