Next.js logo

Boundless Expandable Screen Demo

Admin-focused expandable screen components for the Boundless dashboard

Quick Actions

Email Management
User Management3 pending
Escrow Operations12 active

User Management

John Doeactive
Jane Smithinactive
Bob Johnsonbanned

Confirmation Dialogs

Delete User AccountDanger
Release Escrow FundsWarning
Enable Two-Factor AuthInfo

Custom Admin Cards

System SettingsUpdated
Notifications3 unread

Usage Examples

Basic Usage
Simple expandable screen with custom content
<BoundlessExpandableScreen
  variant="quick-action"
  title="Quick Actions"
  description="Common administrative tasks"
  triggerContent="Open Actions"
>
  <div className="space-y-2">
    <Button>Action 1</Button>
    <Button>Action 2</Button>
  </div>
</BoundlessExpandableScreen>
Specialized Components
Use pre-built components for common admin patterns
<QuickActionCard
  title="User Management"
  description="Manage user accounts and permissions"
  actions={[
    { label: "Add User", onClick: () => {} },
    { label: "Edit Roles", onClick: () => {} }
  ]}
/>

<UserDetailCard
  user={userData}
  actions={[
    { label: "Edit", onClick: () => {} },
    { label: "Ban", onClick: () => {} }
  ]}
/>

Boundless Admin Dashboard

Secure admin authentication with passkeys. Manage users, view analytics, and configure your application.

Features

  • ✓ Passkey Authentication
  • ✓ Admin User Management
  • ✓ Role-Based Access Control
  • ✓ Session Management
  • ✓ User Impersonation