get_component_syntax
Retrieve copy-pasteable Basecoat component markup with FSM state variants, visual variants, and icons for HTML, Astro, React, Vue, or Svelte.
Instructions
[STAGE 3: SYNTAX & STACKS] Alias of basecoat_component_syntax. Retrieve copy-pasteable Basecoat component markup with FSM state variants.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| id | No | Alternative identifier alias for the component (matches component argument). | |
| icon | No | Verified Lucide action icon to inject with canonical data-icon="inline-start|inline-end" positioning. | |
| name | No | Alternative identifier alias for the component. | |
| state | No | Target interactive state variant to bind to markup: "default", "active", "loading", "disabled", "open", "closed", "invalid", or "open/closed". | |
| variant | No | Visual variant token (e.g. "outline", "ghost", "secondary", "destructive", "subcard", "horizontal", "inline", "error"). | |
| component | No | Component name or alias to retrieve canonical FSM-bound syntax for (e.g. "dialog", "tabs", "button", "input", "select", "metric-card", "data-table", "sidebar-shell", "field", "field-group"). | |
| componentId | No | Alternative identifier alias for the component. | |
| environment | No | Target output environment: "html", "astro", "react", "vue", or "svelte". Defaults to "html". | |
| orientation | No | Spatial orientation: "vertical" (standard stacked), "horizontal" (grid 2-column for settings), or "inline" (checkbox/switch/radio). |