Saltar al contenido
El Muestrario

componente · @solu30/ui-kit/feedback

ToastProvider

El componente, montado

Cargando el componente del paquete instalado…

Cargando el chunk del paquete instalado…

De dónde se importa

import { ToastProvider } from '@solu30/ui-kit/feedback'

Props

2 props declaradas en los tipos de la versión instalada.
PropRequeridaTipoQué hace
positionopcional'top-right' | 'top-center' | 'bottom-right' | 'bottom-center'Position of the toast container. Defaults to 'bottom-right'.
durationopcionalnumberDefault auto-dismiss duration override (ms). Not used directly — pass via toast() calls.

Ejemplo del paquete

// layout.tsx
import { ToastProvider } from '@solu30/ui-kit'
export default function Layout({ children }) {
return <html><body>{children}<ToastProvider position="bottom-right" /></body></html>
}

Del @example del JSDoc de @solu30/ui-kit, sin editar. Cuatro de los 69 ejemplos del paquete traen pegada la firma cruda del .d.ts —el mismo defecto del extractor que se come las descripciones—, y por eso la caja tiene tope de alto: el ejemplo de verdad suele estar al final.