# Segmented

Source: https://lumeo.nativ.sh/components/segmented

# Segmented

An iOS-style segmented control for switching between options.

## Installation

.NET CLI PackageReference Lumeo CLI

dotnet add package Lumeo

One-time app setup (`AddLumeo()`, CSS & JS) is covered in the [installation guide](docs/introduction).

## Usage

@using Lumeo

<Segmented />

Preview Code

Basic

DailyWeeklyMonthly

Preview Code

Block (Full Width)

DailyWeeklyMonthly

Preview Code

With Disabled Option

DailyWeeklyMonthly

## 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.