editor-ui-drawers

What problem does it solve?

This Skill provides a comprehensive guide for using the editor's UI Drawers (ButtonDrawer, ModalDrawer, TableDrawer, TreeDrawer, LayoutDrawer, TextDrawer, DragDropDrawer). It ensures consistent styling, behavior, and adherence to EditorUIConstants across all editor panels, eliminating the need for manual, inconsistent ImGui code.

Core Features & Use Cases

• Button Variants: Create 11+ types of buttons (standard, colored, icon, toggle, modal) with ButtonDrawer.
• Modal Dialogs: Implement 5 types of modals (confirmation, input, message, list selection) with ModalDrawer.
• Structured Data: Render tables with sortable headers (TableDrawer) and hierarchical trees with selection (TreeDrawer).
• Layout & Text: Manage spacing, inputs, context menus, tooltips (LayoutDrawer), and semantic colored text (TextDrawer).
• Drag-and-Drop: Implement file drag-and-drop with validation using DragDropDrawer.
• Use Case: When building a new AssetBrowserPanel, use TableDrawer to display asset lists, ButtonDrawer for import/export actions, ModalDrawer for delete confirmations, and DragDropDrawer to allow users to drag assets into the scene.

Quick Start

Show me how to create a full-width 'Save' button and a confirmation modal for a 'Delete' action using the UI Drawers.