Function ProtectedRoute

ProtectedRoute(__namedParameters: ProtectedRouteProps): Element | null

Component that protects its children from unauthenticated access. Supports role-based access control.

Parameters

__namedParameters: ProtectedRouteProps

Returns Element | null

Example

// Basic protection
<ProtectedRoute>
  <Dashboard />
</ProtectedRoute>

Example

// With redirect (requires react-router or similar)
<ProtectedRoute redirectTo="/login">
  <Dashboard />
</ProtectedRoute>

Example

// Admin only
<ProtectedRoute roles={['admin']}>
  <AdminPanel />
</ProtectedRoute>

Example

// Custom components
<ProtectedRoute
  loadingComponent={<MySpinner />}
  unauthenticatedComponent={<LoginPrompt />}
  unauthorizedComponent={<AccessDenied />}
  roles={['admin', 'editor']}
>
  <EditPage />
</ProtectedRoute>

Function ProtectedRoute

Parameters

Returns Element | null

Example

Example

Example

Example

Settings