Button Component

A Button is an interactive component that typically triggers an action when tapped. It displays a Label and is linked to an Action.

Example

{
  "id": /* id object */,
  "subset": "button",
  "content": {
    "label": /* label component */,
    "action": /* action object */
  }
}

🔑 Keys

id

• Object ID: A unique identifier used to reference this component locally or externally.
• Optional if the object is inline and not meant for reuse.

---

subset

• MANDATORY: Must be exactly "button" to define the component type.
• MANDATORY if not resolved by another pointing reference (e.g., when the component is not coming from a resolved reference).

---

📝 content

Defines the button’s content including the displayed label and the triggered action.

"content": {
    "label": /* label component */,
    "action": /* action object */
}

• label: A Label component used to render the button’s text and style.
• action: An Action object triggered on press.

---

🚦 Supported Action Commands

The button supports the following action command for navigation:

• navigate://url/{the_page_to_reach} — Performs navigation to the specified page URL.