ObjectUIObjectUI
ComponentsFeedback

Loading

Loading spinner to indicate processing

Examples

Basic Loading

{
  "type": "loading"
}

With Text

{
  "type": "stack",
  "gap": 2,
  "align": "center",
  "children": [
    {
      "type": "loading"
    },
    {
      "type": "text",
      "content": "Loading...",
      "variant": "muted"
    }
  ]
}

Schema

interface LoadingSchema {
  type: 'loading';
  size?: 'sm' | 'md' | 'lg';
  className?: string;
}

Tree View

Hierarchical tree structure for displaying nested data

Progress

Progress bar to show completion status

On this page

ExamplesSchema