kx-basiccomponents-containers

KX BasicComponents & Container Components

Also read kx-dashboard-core for: envelope, screen/widget wrapper, data sources, ViewState, binding patterns, actions, notifications, and the pre-flight checklist.

---

Dropdown is documented in the kx-dropdown skill — read that skill for all Dropdown (definitionId=16) generation.

---

⚠️ Container-Specific Hazards

• FlexPanel children use "row": null, "column": null in their layout — but rowSpan and colSpan are still required. Full FlexPanel documentation is in the kx-flex-panel skill.
• Panel children use numeric row/column within the panel's own internal grid (not the screen grid).
• Tabs children live in the screen's widgets array — not inside the Tabs component. They attach via "containerId": "<tabItemId>". Full Tabs documentation is in the kx-tabs skill.
• Accordion children go inside the accordion's own widgets array (not the screen's widgets), using "sectionId": "<SectionId>" on each widget entry — not containerId. Full Accordion documentation is in the kx-accordion skill.
• OverlayPanel uses LeftPanel and RightPanel — both must reference valid component IDs.

---

BASICCOMPONENTS — Dropdown

Moved. Full Dropdown documentation (all fields, examples, patterns) is in the kx-dropdown skill. Read that skill for any Dropdown (definitionId: "16") generation.

---

BASICCOMPONENTS — Text Label

Moved. Full Text documentation (HtmlText, Handlebars templates, scalar/KPI display, formatting) is in the kx-text skill. Read that skill for any Text (key: "BasicComponents", definitionId: "17") generation.

---

BASICCOMPONENTS — NavigationMenu

key: "BasicComponents" · definitionId: "35" · Sub-type: ComponentName: "NavigationMenu"

Basics

{
  "ComponentName": "NavigationMenu",
  "Name": "",
  "Data": { "_dashboardsType": "data", "value": "<navDataSource>" },
  "FontSize": 13,
  "Node": { "Parent": "parent", "Node": "node", "URL": "url", "ID": "id" },
  "Actions": []
}