Sandbox

The sandbox component allows you to preview and test components in a sandboxed environment.

Powered by

Installation

npx kibo-ui@latest add sandbox

Features

  • Interactive code editor with syntax highlighting and auto-completion
  • Live preview of your code changes
  • Built-in console for debugging
  • File explorer for managing multiple files
  • Resizable panels for customizing your workspace
  • Tabs for switching between code, preview, and console views
  • Support for multiple file types
  • Real-time error reporting

Examples

Without File Explorer