NotificationPop
El componente NotificationPop muestra mensajes de notificación flotantes que desaparecen automáticamente después de un tiempo especificado. Puede posicionarse en la parte superior o inferior de la pantalla.
Ejemplo
Importación
Para importar el componente NotificationPop, se puede hacer desde fenextjs
import { NotificationPop } from "fenextjs";Parámetros
| Parámetro | Tipo | Requerido | Default | Descripcion |
|---|---|---|---|---|
| classNamePop | string | no | '' | Clase CSS para el contenedor del pop de notificación. |
| className | string | no | '' | Clase CSS adicional para el componente. |
| typePop | 'top' | 'down' | no | 'down' | Posición de la notificación en la pantalla. |
| time | number | no | 2000 | Duración en milisegundos antes de que la notificación desaparezca automáticamente. |
Storybook
Para ver el storybook del componente lo puede hacer con este link (opens in a new tab)
Usos
- Notificación Pop básica
<NotificationPop>Mensaje de notificación</NotificationPop>- Notificación Pop en la parte superior
<NotificationPop typePop="top">
Notificación en la parte superior
</NotificationPop>- Notificación Pop con duración personalizada
<NotificationPop time={3000}>Mensaje que dura 3 segundos</NotificationPop>