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.

@using Lumeo

<Segmented />

Basic

Block (Full Width)

With Disabled Option

SegmentedItem Children

With Icons

Density falls back to an ancestor DensityScope, then Comfortable. See the Density guide.

Alternative to the Options list — declare segments as child markup instead. See "SegmentedItem Children" above.

Property	Type	Default	Description
Label	string	""	Display text.
Value	string	""	Selection value.
IconContent	RenderFragment?	null	Optional icon before the label. Named IconContent to avoid shadowing the <Icon> component.
Disabled	bool	false	Disable this option.