Workflow config panel
Right-anchored configuration drawer for a selected workflow node. Composes the Sheet primitive with tabs, config groups, and the field/input family.
Included in the single kansho full pack. Components are not offered as separate installs.
Live preview
Open the panel against a static canvasPlan & dispatch
Trigger only
Component documentation
Workflow Config Panel
components/workflow/workflow-config-panel.tsxPurpose
Places controlled workflow-node configuration inside a right-side sheet with optional tabs and footer.
Appropriate use
Use when node settings need modal focus behaviour and the host owns active-tab and field state.
Example
components/workflow/workflow-config-panel.tsx has a representative live example in the "Live preview" section on /components/workflow-config-panel.
States
The sheet can be open or closed, tabs are optional and controlled or disabled when onTabChange is absent, and node type, status, description, footer, and width are optional.
API and props
WorkflowConfigPanel accepts open, onClose, nodeTitle, nodeType, status, description, tabs, activeTab, onTabChange, children, footer, width, and className; ConfigGroup accepts title, description, and children.
Dependencies
Direct imports are React, Sheet, StatusPill, and cn.
Accessibility
Sheet supplies focus management; tabs use tablist, tab, and tabpanel roles with roving arrow/Home/End focus and resolved labelled-by relationships.
Limitations
It does not switch child content, validate or save fields, or maintain uncontrolled tab state; callers must update activeTab and children together.
Source
Source: components/workflow/workflow-config-panel.tsx.
Full pack
components/workflow/workflow-config-panel.tsx is documented at /components/workflow-config-panel and installs only through the single Kansho full pack; no individual component install is offered.