wix-cli-dashboard-modal

Create Wix dashboard modals with a three-file architecture and extensions registry.

25|31|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/wix/skills --skill wix-cli-dashboard-modal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: wix-cli-dashboard-modal
Source: https://github.com/wix/skills/tree/main/wix-cli/skills/wix-cli-dashboard-modal
Command: npx skills add https://github.com/wix/skills --skill wix-cli-dashboard-modal

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The Wix CLI Dashboard Modal Skill provides a standardized, reusable pattern for creating popup dialogs in Wix dashboard pages and plugins, reducing boilerplate and ensuring consistent UX across modals.

Core Features & Use Cases

  • Three-file modal architecture consisting of extensions.ts, modal component, and a config file.
  • Open and close modals via the Dashboard API with data passed through params and observed via observeState.
  • Ideal for adding contextual dialogs like confirmations, detail views, or forms within dashboard UI for plugins and pages.

Quick Start

Create the three required modal files, register the extension, and open the modal with dashboard.openModal using the modalId.

Frequently Asked Questions about wix-cli-dashboard-modal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a reusable modal in a Wix dashboard plugin?

To create a reusable Wix dashboard modal, implement a three-file architecture consisting of an extensions.ts registry file, a modal component, and a modal.config.ts file to standardize popup dialogs across pages and plugins.

How does passing data to a Wix dashboard modal work?

Passing data to a Wix dashboard modal works by sending parameters through the Dashboard API via dashboard.openModal, then observing those passed params inside the modal component using observeState to render contextual dialog content.

How do I return a result from a modal to the dashboard page in Wix?

To return a result from a Wix dashboard modal, call the closeModal function within your modal component, which passes the specified result data directly back to the originating dashboard page or plugin that triggered the openModal request.

Do I need to register a modal in extensions.ts to use dashboard.openModal?

Yes, you must register the dashboard modal through the extensions registry in extensions.ts. This registration maps the modalId to your modal component, allowing the Wix dashboard API to successfully locate and open the dialog via dashboard.openModal.

Can I use TypeScript to build Wix dashboard modals?

Yes, you can use TypeScript to build Wix dashboard modals. The skill supports a TypeScript-based UI development workflow for creating the modal component and configuration files, ensuring type-safe integration with the Wix dashboard extensions architecture.

What is the best way to add confirmation dialogs to a Wix dashboard extension?

The best way to add confirmation dialogs to a Wix dashboard extension is using a standardized three-file modal architecture. By creating a reusable modal component and registering it via extensions.ts, you ensure consistent UX for forms and confirmations across your plugin.