wix-cli-dashboard-modal
Overview
Dashboard modals are popup dialogs triggered from dashboard pages or plugins. They consist of three files and use the Dashboard SDK for lifecycle control via openModal() and closeModal().
Quick Reference
| Task | Method | Example |
|---|---|---|
| Create modal | Create 3 files in src/extensions/dashboard/modals/<folder>/ |
See File Structure below |
| Open modal | dashboard.openModal() |
openModal({ modalId: "modal-id" }) |
| Pass data to modal | params in openModal() |
params: { userId: "123" } |
| Read data in modal | observeState() |
dashboard.observeState((state) => { ... }) |
| Close modal | dashboard.closeModal() |
closeModal() |
| Return data to parent | Pass data to closeModal() |
closeModal({ ... }) |
| Wait for modal close | modalClosed Promise |
const { modalClosed } = openModal(...); |
File Structure
Create three files in src/extensions/dashboard/modals/<folder-name>/:
More from wix/skills
wds-docs
Wix Design System component reference. Use when building UI with @wix/design-system, choosing components, or checking props and examples. Triggers on "what component", "how do I make", "WDS", "show me props", or component names like Button, Card, Modal, Box, Text.
329wix-cli-dashboard-page
Use when building admin interfaces, management pages, CRUD operations, or dashboard configuration UIs. Triggers include dashboard, admin panel, data management, settings pages.
289wix-cli-embedded-script
Use when adding tracking code, advertising pixels, third-party integrations, popups, banners, or client-side JavaScript to sites. Triggers include embed, inject, script, third-party integration, DOM injection, Google Analytics, Facebook Pixel, tracking pixel, chat widget, popup, coupon popup, custom JavaScript, site script.
289wix-cli-service-plugin
Use when implementing service plugin extensions that inject custom backend logic into existing Wix business solution flows or introduce new flows to Wix sites (eCommerce, Bookings, etc.). Triggers include SPI, service plugin, backend flow, business logic, custom shipping rates, additional fees, tax calculation, checkout validation, discount triggers, gift cards, eCommerce customization, bookings staff sorting.
289wix-cli-site-widget
Use when building interactive widgets, custom data displays, or configurable site components with settings panels. Triggers include widget, custom element, interactive component, editor component, configurable widget, web component.
289wix-cli-site-component
Use when building React site components with editor manifests for Wix CLI applications. Triggers include site component, editor manifest, custom component, visual customization, editor element, CSS properties, data API, site builder component, Wix Editor component. Use this skill whenever the user wants to create a component that site owners can customize through the Wix Editor's visual interface.
289