componente · @solu30/ui-kit/display

ErrorBoundary

Frontera que atrapa los errores de render de sus hijos y muestra una pantalla con reintento.

Seguir leyendo — 2 párrafos más

Error Boundary for graceful React error handling with retry support.

Uses CSS variables for theming:

--ui-error for error accent color
--ui-bg-raised for card background
--ui-border for border color
--ui-accent for primary button
--ui-content-primary for text
--ui-content-secondary for muted text
--ui-content-inverse for button text

30 sitios de import en 3 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

TheCharterPanel
elliot
gestorsalon

La pieza, con lugar de pantalla

Cargando el componente del paquete instalado…

Cómo se usa

import { ErrorBoundary } from '@solu30/ui-kit/display'

Props

8 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
children	sí	`ReactNode`	—
fallbackComponent	opcional	`ReactNode`	Custom fallback component to show on error
onError	opcional	`(error: Error, errorInfo: ErrorInfo) => void`	Callback when error occurs
maxRetries	opcional	`number`	Maximum number of retry attempts
showRetry	opcional	`boolean`	Show retry button
showDetails	opcional	`boolean`	Show technical error details (defaults to true in development)
title	opcional	`string`	Custom title for error message
message	opcional	`string`	Custom message for error

Ejemplo del paquete

<ErrorBoundary>
  <MyComponent />
</ErrorBoundary>

<ErrorBoundary onError={logToService} maxRetries={5} title="Oops!">
  <CriticalComponent />
</ErrorBoundary>

Del @example del JSDoc de @solu30/ui-kit, sin editar: son 65 de los 541 símbolos. La sangría y los renglones en blanco son los del paquete.