Settings

Sidebar
Display
Profile Panel
👤

John Doe

Administrator
  • 📊 Dashboard
  • 📝 Forms
  • 📋 Tables
Commands
🚀
Go to Page
Navigate to a page
/go
🌓
Toggle Theme
Switch between light and dark mode
/theme
📐
Toggle Sidebar
Show or hide the sidebar
/sidebar
⚙️
Open Settings
Open the settings panel
/settings
Search In
📄
Pages
Search pages
:p
🧩
Components
Search component pages
:c

Events & Callbacks

Interactive test page for every component that exposes on* event handlers or *Callback props. Click through each component and watch events appear in the log.

Alert

Events: ondismiss

Modal

Events: onclose · Callbacks: beforeCloseCallback

Test Modal

You must check the box below before this modal can be closed.

Toast

Events: onclose

Popconfirm

Events: onconfirm · oncancel

Are you sure you want to delete this item?

Pager

Events: onprevious · onnext · onpagechange · onfirst · onlast

Page of 10

CheckboxListItem

Events: onchange

CompositeBadge

Events: onlabelclick · onbuttonclick

Downloads
Stars

BadgeGroup

Events: onbadgeclick

HTML CSS JS Svelte » 3 more

CompositeBadgeGroup

Events: onlabelclick · onbuttonclick

Orders
Users
Errors

Timeline

Events: onitemclick

  • 09:00
    Project started
  • 11:30
    Design approved
  • 14:15
    Issue reported
  • 16:45
    Fix deployed

FilterCard

Events: onclear · onrefresh · onapply · ontoggle

Field

Events: oncopy · Callbacks: copyValueCallback

API Key sk-abc123def456
Dynamic Value Click to copy Click to copy

DetailPanel + DetailView

Events: onclose (card overlay mode)

Main content area. Panel overlays from the right.

Item Details

Name John Doe
Email john@example.com

SlidePanel + DetailPanel

Events: onclose (slide overlay mode)

Slide Panel Details

Content inside a slide-in overlay panel.

Status Active
Created 2026-01-15

ProfilePanel

Events: onclose

👤

Jane Doe

Admin

ProfilePanelFavoriteItem

Events: onclick · onremove

  • Dashboard
  • Settings

CommandPalette

Events: onglobalselect

(or Ctrl+K)
Commands
Search In

Event Log (0)

TimeComponentEventDetail
No events yet. Interact with the components on the left.

Keyboard Shortcuts

No shortcuts registered.