alerts-are-easy

This package will help you to show success, warning, error and info messages in your react-native application with a beautiful UI.

SimpleAlert

LargeAlert

Installation

npm install --save alerts-are-easy

alerts-are-easy requires react-native-vector-icons to show the icons. Install this peer dependency and start using alerts-are-easy.

Usage

import {SimpleAlert} from 'alerts-are-easy';

<SimpleAlert
  position="top" // -> Can be top,center or bottom
  message="This is a sample message..." // The message you want to show
  type="success" // -> Can be success, warning, error or info
  showIcon={true} // -> Can be true or false
/>

import {LargeAlert} from 'alerts-are-easy';

<LargeAlert
  title="Successful"
  message="You have successfully registered."
  actionText="Go to login screen"
  type="success"
  actionTriggered={this.actionTriggered}
/>

Props

SimpleAlert

Prop	Description	Value
position	Helps to position your alert	top, center, bottom
message	The message you want to show	eg: "This is a sample message..."
type	The type of alert	success, warning, error, info
showIcon	Helps to show left icon	true, false

LargeAlert

Prop	Description	Value
title	The title you want to show	eg: "Successful"
message	The message you want to show	eg: "You have successfully registered."
actionText	The text you want to show on button	eg: "Go to login screen"
type	The type of alert	success, warning, error, info
actionTriggered	The button click action	You can define the function and pass it in this prop.

Under way

• Detailed Alerts

License

ISC

Donation

Buy me a cup of coffee :)