VolkenoMakers / volkeno-alertify

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Volkeno-Alertify

ReactJS, awesome notification toast

NPM JavaScript Style Guide

Install

npm install --save volkeno-alertify

Usage

import React, { Component } from 'react'

import { VolkenoAlertify } from 'volkeno-alertify'
import 'volkeno-alertify/dist/index.css'

class Example extends Component {
  render() {
    return <VolkenoAlertify
              title="My Title"
              text="My Text"
              duration={5000}
              alertState="success"
              position="left-top"
            />
  }
}

Configuration - Props

Property Type Require Default Description
alertState string true sucess Toast alert state (success, danger, warning, info)
title string true ... Toast alert title
text string true ... Toast alert textual message
duration integer false 5000 Toast alert duration time
position string true center Toast UI position on the page (center, bottom-right, bottom-left, top-left, top-right)

License

MIT © VolkenoMakers

About


Languages

Language:TypeScript 86.9%Language:CSS 8.9%Language:HTML 4.2%