@atmgrupomaggioli/iris-toast NPM

IrisToast

Componente de interfaz de usuario utilizado en aplicaciones móviles y web para mostrar mensajes breves y no intrusivos al usuario.

Por lo general, aparece en la parte inferior de la pantalla y presenta información importante o acciones que el usuario debe conocer o realizar.

Son útiles para comunicar mensajes de confirmación, advertencia, éxito o error después de que el usuario haya realizado una acción, como enviar un formulario o realizar una operación.

Properties

Propiedad	Tipo	Descripción	Default
`title`	`string`	Título opcional que se muestra en la parte superior del toast.	`undefined`
`text` (required)	`string`	Texto principal del mensaje a mostrar.	—
`type`	`'info'` \| `'success'` \| `'warning'` \| `'note'` \| `'error'`	Estilo visual del toast.	`'info'`
`gravity`	`'top'` \| `'bottom'`	Ubicación vertical del toast en la pantalla.	`'bottom'`
`position`	`'left'` \| `'center'` \| `'right'`	Posición horizontal del toast.	`'right'`
`permanent`	`boolean`	Si es `true`, el toast no se cierra automáticamente.	`false`
`close`	`boolean`	Muestra un botón de cierre personalizado con icono.	`true`
`buttons`	`ToastButton[]`	Arreglo de botones personalizados que se renderizan dentro del toast.	`undefined`
`stopOnFocus`	`boolean`	Evita que el toast desaparezca mientras el cursor está encima.	`true`
`duration`	`number`	Tiempo de duración del toast en milisegundos.	`3000`

Eventos

Evento	Descripción	Tipo
`openCallbak`	Se ejecuta cuando el toast se abre.	`() => void`
`clickCallbak`	Se ejecuta cuando se hace click en el toast.	`() => void`
`closeCallbak`	Se ejecuta cuando el toast se cierra.	`() => void`

Built with StencilJS

@atmgrupomaggioli/iris-styles @atmgrupomaggioli/iris-utils @atmgrupomaggioli/iris-button toastify-js

@atmgrupomaggioli/iris-components

2.0.0

5 months ago