Error Boundary

Vue error boundary with fallback UI and retry event.

Usage

<script setup>
import { ArchErrorBoundary } from "@archora/ui";
</script>

<template>
  <ArchErrorBoundary fallback-title="Panel failed" @retry="reload">
    <RiskyPanel />
  </ArchErrorBoundary>
</template>

Live sandbox

Error Boundary can be tested directly on this page.

interactive

Panel rendered without errors.

<ErrorBoundary />

Props

Prop	Type	Default	Description
fallbackTitle	string	"Something went wrong"	Fallback state title.
retryLabel	string	"Retry"	Retry button text.

Events

Event	Payload	Description
retry	-	Component event.

Slots

Slot	Props	Description
default	-	Protected content.