Getting StartedInstallation and setup guides 6
FormInput and selection components 27
FlowWorkflow graph and execution surfaces 4
LayoutStructural layout components 9
NavigationMenu surfaces and hierarchical actions 7
OverlayModal and floating layer surfaces 3
FeedbackStatus, empty, progress, and loading placeholder patterns 6
UtilityGeneral-purpose interface utilities 7
Overview API Styling Examples

Flow Node Properties examples

Production-shaped node inspectors that keep workflow state controlled in the parent while using Flow Node Properties for the editable details panel.

Incident triage properties

Select a node, edit standard metadata, project a domain-specific data form, and apply emitted changes back to the controlled flow definition.

Incident triage properties with Plain CSS

Properties

Classify impact

model

Data

Ports

Normalized alertInput / data / json / required
ClassificationOutput / data / json
Manual reviewOutput / control

Classify impact selected. Edit a field to update the panel.

Controlled updates

The panel never mutates the definition directly. Each edit emits a nodeChangeRequested payload, so product code can validate, persist, or reject changes before rendering the next definition.