START HERE
Getting Started
WRITE-ONCE
Write-Once Components
Declarative Surface
Photon Engine
Design System
Capabilities
Storage
Forms
Code Editor
Markdown
Mermaid
ARCHITECTURE
Architecture Overview
Package Architecture
Components
Styling
Localization
Analytics & GTM
COMPILATION
Compiler
Compile-Time Evaluation
Supported C# Features
External Type Resolution
Build Flow
RUNTIME
Runtime (TypeScript)
Performance
SERVER
Server Integration
Assets
BunPackage
Security
ECOSYSTEM
Image
Charts
Icons
Lottie
DEVELOPMENT
Visual Editor
Debug
Roadmap
PT-BR
Analytics-pt-BR
Architecture-pt-BR
Assets-pt-BR
BuildFlow-pt-BR
BunPackage-pt-BR
Capabilities-pt-BR
Charts-pt-BR
CodeEditor-pt-BR
Compiler-pt-BR
CompileTimeEvaluation-pt-BR
Components-pt-BR
Debug-pt-BR
DeclarativeSurface-pt-BR
DesignSystem-pt-BR
ExternalTypeResolution-pt-BR
Forms-pt-BR
GettingStarted-pt-BR
Home-pt-BR
Icons-pt-BR
Image-pt-BR
Localization-pt-BR
Lottie-pt-BR
Markdown-pt-BR
Mermaid-pt-BR
PackageArchitecture-pt-BR
Performance-pt-BR
Photon-pt-BR
Roadmap-pt-BR
Runtime-pt-BR
Security-pt-BR
ServerIntegration-pt-BR
Storage-pt-BR
Styling-pt-BR
SupportedFeatures-pt-BR
VisualEditor-pt-BR
WriteOnceComponents-pt-BR
ACTIONS & INPUTS
Button
IconButton
TextInput
Select
Checkbox
Switch
RadioGroup
SegmentedControl
Slider
Stepper
SearchField
SURFACES & DISPLAY
Card
Badge
Chip
Avatar
Banner
ProgressBar
EmptyState
Divider
NAVIGATION
Tabs
AppBar
BottomNavigation
Breadcrumb
Pagination
PageIndicator
Menu
Drawer
OVERLAYS
Dialog
BottomSheet
Toast
Popover
Tooltip
LISTS & DATA
List
ListView
Table
Accordion
CodeBlock
TOUCH INTERACTION
PullToRefresh
SwipeableRow
DocsActions & inputs
SegmentedControlView source
1 min readTwo to four exclusive choices in one strip with a sliding thumb. Filters the current view in place.
1
using eQuantic.UI.Components;
DEFAULT
Usage
1
2
new SegmentedControl(["1M", "6M", "1Y"], _range,
i => SetState(() => _range = i))
API
Prop
Type
Default
Description
Segments
IReadOnlyList<string>
—
Two to four short labels. They must fit untruncated at 130 % type.
SelectedIndex
int
0
Exactly one segment is always selected.
OnChanged
Action<int>?
null
Selection handler.
Size
SizeVariant
Medium
Strip height from Sizing.
Stretch
bool
true
Segments share the width equally; false hugs each label.
Disabled
bool
false
0.38 across the strip.
States
State
Rendering
Selected
Surface thumb with elevation, TextPrimary
Unselected
TextSecondary on the subtle track
Pressed
The target label pre-tints immediately
Disabled
0.38
Accessibility
•
Announced as "1M, 1 of 3, selected"; arrows move the selection. One focus stop for the strip.
When to use
•
Filtering the view in front of you: time range, list scope.
Avoid
•
Page-level content switching — that is Tabs.
•
Labels that wrap or truncate.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/SegmentedControl.cs.