list_components
Lists all available component names for use with the get_component tool, enabling quick selection of UI elements.
Instructions
Lists all available component names you can pass to get_component.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
No arguments | |||
Implementation Reference
- api/mcp.ts:609-623 (handler)The handler function for the 'list_components' tool. It returns a list of all component names grouped by category (Navigation, Header, Tabs, Content, ActionBar, Reports, Overlay, Forms, Tokens). It does not take any input arguments and returns a text content block with the grouped component listing.
server.tool("list_components", "Lists all component names you can pass to get_component(). Grouped by category.", {}, async () => { const grouped: Record<string, string[]> = { Navigation: ["topnavbar","sidemenu-settings","sidemenu-reports","line-tab","line-tab-quicklink"], Header: ["header-v1","header-v2","header-v3"], Tabs: ["classic-tab","line-tab"], Content: ["data-table","data-table-type2","widget","stat-card","button-row","note-container"], ActionBar: ["actionbar-type1","actionbar-type2","actionbar-type8"], Reports: ["rpt-chart-floater"], Overlay: ["drawer-sm","drawer-md","drawer-lg"], Forms: ["form-text","form-textarea","form-checkbox","form-radio","form-dropdown"], Tokens: ["design-tokens"], }; const text = Object.entries(grouped).map(([g, ns]) => `**${g}**\n${ns.map(n => ` - ${n}`).join("\n")}`).join("\n\n"); return { content: [{ type: "text" as const, text }] }; });