Crear tostadores de estilo Android y barras de notificación con JavaScript puro-nativo-Toast

Vista prévia

Descripción

nativo-Toast es una biblioteca nativa de JavaScript que le permite mostrar mensajes de la tostada de estilo Android/material y barras de notificación en las aplicaciones Web. La notificación del sistema se puede colocar en cualquier lugar de la página web y vienen con 4 tipos adicionales: error, ADVERTENCIA, éxito e información.

¿Cómo funciona?

Instale el sistema de tostado nativo a través de gestores de paquetes.

# Yarn
yarn add native-toast

# NPM
npm install native-toast

O incluya directamente los siguientes archivos en su documento.

<link rel="stylesheet" href="native-toast.css">
<script src="native-toast.js"></script>

Cree una notificación del sistema predeterminada que se muestre en la parte superior de la página web y que se descarte automáticamente después de 5 segundos.

nativeToast({

message: 'Toast Notification',

position: 'top',

timeout: 5000
})

Cree una barra de notificaciones que permanezca en la parte inferior de la Página Web.

nativeToast({

message: 'Notification bar',

edge: true,

position: 'bottom'
})

Cree una notificación del sistema de advertencia que aparezca en el centro de la pantalla.

nativeToast({

message: 'Toast Notification',

type: 'warning' // success warning info error
})

Establezca el radio de borde:

nativeToast({

message: 'Toast Notification',

square: true // true or false
})

Registro de cambios

v2.0.0 (09/20/2018)

• actualizar