andrepolischuk / Messg
Licence: mit
Messages via CSS3 animations
Stars: ✭ 56
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Messg
mobile-message
基于移动端的弹窗组件，默认提供info、success、warning、error、alert、confirm、multiple、vertical、bottomSheet、prompt，可自定义弹窗。它可以包含任何Html内容可以自定义弹窗的样式，也可以加入自定以的弹窗动画。
Stars: ✭ 13 (-76.79%)
Mutual labels: alert, message, confirm
ax5ui-dialog
Javascript UI Component - Dialog - JavaScript Dialog / Bootstrap Dialog
Stars: ✭ 29 (-48.21%)
Mutual labels: alert, confirm
PopOverAlert
PopOverAlert is a PopOver style alert view.
Stars: ✭ 56 (+0%)
Mutual labels: alert, confirm
React Bootstrap Sweetalert
A React implementation of SweetAlert
Stars: ✭ 229 (+308.93%)
Mutual labels: alert, confirm
Customalertviewdialogue
Custom AlertView Dialogue is the world's most advanced alert view library. Custom AlertView Dialogue includes simple message popups, confirmation alerts, selector popups, action sheet bottom menus, and input/feedback contact forms.
Stars: ✭ 100 (+78.57%)
Mutual labels: message, alert
jquery.dialog.js
A lightweight replacement for the browser's default dialog boxes.
Stars: ✭ 17 (-69.64%)
Mutual labels: alert, confirm
Alertifyjs
A javascript framework for developing pretty browser dialogs and notifications.
Stars: ✭ 1,922 (+3332.14%)
Mutual labels: alert, confirm
Razor.SweetAlert2
A Razor class library for interacting with SweetAlert2
Stars: ✭ 98 (+75%)
Mutual labels: alert, confirm
Wc Messagebox
基于 Vue 2.0 开发的 Alert, Toast, Confirm 插件, UI仿照 iOS 原生
Stars: ✭ 203 (+262.5%)
Mutual labels: alert, confirm
Sweetalert2
A beautiful, responsive, highly customizable and accessible (WAI-ARIA) replacement for JavaScript's popup boxes. Zero dependencies.
Stars: ✭ 13,929 (+24773.21%)
Mutual labels: alert, confirm
react-st-modal
Simple and flexible modal dialog component for React JS
Stars: ✭ 41 (-26.79%)
Mutual labels: alert, confirm
Notiflix
Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better.
Stars: ✭ 172 (+207.14%)
Mutual labels: alert, confirm
Vue Simple Alert
Simple alert(), confirm(), prompt() for Vue.js
Stars: ✭ 93 (+66.07%)
Mutual labels: alert, confirm
Jquery Confirm
A multipurpose plugin for alert, confirm & dialog, with extended features.
Stars: ✭ 1,776 (+3071.43%)
Mutual labels: alert, confirm
Fftoast
A very powerful iOS message notifications and AlertView extensions. It can be easily realized from the top of the screen, the bottom of the screen and the middle of the screen pops up a notification. You can easily customize the pop-up View.
Stars: ✭ 649 (+1058.93%)
Mutual labels: message, alert
Vuejs Dialog
A lightweight, promise based alert, prompt and confirm dialog
Stars: ✭ 327 (+483.93%)
Mutual labels: alert, confirm
messg 
Messages via CSS3 animations
Install
npm install --save messg
Usage
import messg from 'messg';
messg
.success('Awesome!')
.button('Ok');
API
messg(text[, type, delay])
Create Message instance.
text
Type: string
Message text.
type
Type: string
Default: 'default'
Message type:
- default
- success
- info
- warning
- error
delay
Type: number
Default: null
Аutohide timeout.
messg.default(text[, delay])
messg.success(text[, delay])
messg.info(text[, delay])
messg.warning(text[, delay])
messg.error(text[, delay])
Aliases for messg(text[, type, delay])
messg.warning('Connection is lost');
messg.success('Task completed', 2500);
.button(name[, fn])
Add button.
name
Type: string
Button title.
fn
Type: function
Handler for click on the button.
Buttons with handler:
messg
.warning('Are you sure?')
.button('Yes', () => {
})
.button('No', () => {
});
Simple close button:
messg
.success('Task completed')
.button('Ok');
If buttons not specified, close message by clicking on it.
.hide(fn)
Add hide handler.
fn
Type: function
Handler for hide the message.
messg
.warning('Hello!')
.hide(() => {
});
messg.clean()
Close all messages in flow.
Options
messg.speed
Type: number
Default: 250
Show and hide speed (ms).
messg.position
Type: string
Default: 'top'
Messages position:
toptop-lefttop-rightbottombottom-leftbottom-right
messg.flow
Type: boolean
Default: true
Disable messages flow if false.
messg.max
Type: number
Default: null
Max flow length.
messg.delay
Type: number
Default: null
Global delay for all messages.
License
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].