ControlGroup
ControlGroup clusters related actions under a shared label. The component keeps SwiftUI's grouped-control mental model while using standard web grouping semantics.
ControlGroup clusters related actions under a shared label. The component keeps SwiftUI's grouped-control mental model while using standard web grouping semantics.
Examples
Default
Preview unavailable for this example in the static docs build.
Show code
<ControlGroup label="Formatting">
<Button>Bold</Button>
<Button>Italic</Button>
<Button>Underline</Button>
</ControlGroup>API
| Prop | Type | Required | Description |
|---|---|---|---|
label | ReactNode | No | Optional label shown above or alongside the controls. |
orientation | 'horizontal' | 'vertical' | No | The axis used to arrange the controls. Default: 'horizontal' |
Inherits additional props from IBaseComponent.
Overview
ControlGroup clusters related actions under a shared label. The component keeps SwiftUI's grouped-control mental model while using standard web grouping semantics.
Notes
- Use
labelto provide the group's accessible name. - Use
orientation="vertical"when actions should stack instead of sit inline.
ContextMenu
ContextMenu presents a menu of actions from a context interaction. On the web this maps to the native right-click gesture while preserving SwiftUI's contextual action model.
DatePicker
DatePicker is a native `<input>`-backed control for selecting dates and times. It keeps standard form semantics, browser validation, and keyboard behavior.