Segmented
An iOS-style segmented control for switching between options.
Installation
dotnet add package Lumeo
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Segmented />
API Reference
Segmented
| Property | Type | Default | Description |
|---|---|---|---|
| Value | string? | null | Currently selected value. |
| Options | List<SegmentedOption>? | null | List of segment options. |
| Block | bool | false | Stretch to fill available width. |
| ValueChanged | EventCallback<string> | — | Callback for two-way binding when the selected value changes. |
SegmentedOption
| Property | Type | Default | Description |
|---|---|---|---|
| Label | string | "" | Display text. |
| Value | string | "" | Selection value. |
| Icon | RenderFragment? | null | Optional icon before the label. |
| Disabled | bool | false | Disable this option. |