New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

dl-notificator

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

dl-notificator - npm Package Compare versions

Comparing version

to
1.0.2

2

package.json
{
"name": "dl-notificator",
"version": "1.0.1",
"version": "1.0.2",
"description": "Componente contruido en js para mostrarle informacion al usuario mediante notificaciones temporales",

@@ -5,0 +5,0 @@ "main": "lib/umd.js",

@@ -12,6 +12,15 @@ # Notificator

#### 1.- Instalar componente
#### 1.- Uso como script
```html
<script src="https://unpkg.com/functionallibrary@2.1.0/lib/functionallibrary.umd.js"></script>
<script src="https://unpkg.com/dl-notificator@1.0.0/lib/umd.js"></script>
```
```js
const notification = new window.DlNotificator.default();
```
#### 2.- Instalar componente
`npm install dl-notificator`
#### 2.- Configuración global
#### 3.- Configuración global
> Solo en la configuración global se define si la notificación sale por la derecha o izquierda.

@@ -138,1 +147,23 @@

En este caso la notificación ***A*** del tipo **success** tendrá un tiempo de duración de `1500ms` mientras que la ***B*** durará `5000ms`. Las otras (error, info y warning) tendrán `3000ms` de duración.
## Estilos
Nombre de las clases, estilos por defectos y cómo acceder a ellos para modificarlos
```css
[class ^= 'notification-container-'] {
position: fixed;
right: 0;
top: 10px;
width: fit-content;
z-index: 999;
}
[class ^= 'notification-'] {
animation-name: entering-${this.uuid};
border-radius: 5px;
color: white;
margin: 0.5rem 1rem;
max-width: 15rem;
min-width: 12rem;
padding: 1rem;
position: relative;
}
```