ObjectUIObjectUI

Page

Full-page container with title, description, and content sections

The Page component provides a standardized full-page layout with built-in support for titles, descriptions, and organized content sections.

Basic Usage

Simple Page

Page content goes here

With Title and Description

Page With Header

Total Users

12,543

Revenue

$45,231

Growth

+12.5%

Schema

interface PageSchema {
  type: 'page';
  
  // Header
  title?: string;                       // Page title
  icon?: string;                        // Page icon (Lucide icon name)
  description?: string;                 // Page description
  
  // Content
  body?: SchemaNode[];                  // Main content array
  children?: SchemaNode | SchemaNode[]; // Alternative content prop
  
  // Styling
  className?: string;                   // Tailwind CSS classes
  
  // Base properties
  id?: string;
  visible?: boolean | string;
  testId?: string;
}

Examples

Dashboard Page

Full Dashboard

Revenue

$45,231

+20.1%

Orders

2,350

+180

Customers

12,543

+573

Active

573

No change
Recent Activity
Activity content...

Settings Page

Settings Layout

Profile Settings
Notifications
Email notifications

Content Page

Documentation Page

Welcome!This guide will help you get started with the platform.
Step 1: SetupFollow these instructions to set up your account...

On this page