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
IconButtonView source
1 min readA square, icon-only action. Label is required — it is what assistive tech announces and what the tooltip shows.
1
using eQuantic.UI.Components;
KINDS
Ghost
Outline
Filled
Tonal
SELECTED
selected
unselected
Usage
1
2
3
4
5
6
new IconButton(Icons.Search, "Search", onPressed: OpenSearch)
{
Kind = IconButtonKind.Ghost,
Selected = _saved,
SelectedGlyph = Icons.BookmarkFilled,
}
API
Prop
Type
Default
Description
Glyph
Icons
—
The icon, from the atlas — no runtime vector paths.
Label
string
—
Required. Not painted; announced by the reader and shown in the tooltip.
Kind
IconButtonKind
Ghost
Visual treatment of the square.
Size
SizeVariant
Medium
Square and glyph size from Sizing.
OnPressed
Action?
null
Press handler.
Selected
bool
false
Toggle state — for bookmark, mute, favourite.
SelectedGlyph
Icons?
null
Alternate glyph while selected, usually the filled twin.
Disabled
bool
false
0.38 and out of the focus order.
States
State
Rendering
Default
Kind fill
Pressed
Wash within Motion.Press
Selected
Selected glyph plus tonal fill
Disabled
0.38
Accessibility
•
Role button named by Label; a toggle announces its selected state.
•
Long-press (touch) or hover (web) reveals a Tooltip with the same text.
•
Hit rect never drops below Touch.MinTarget (48) even at Small.
When to use
•
Toolbars, app bars and list-row affordances where space is scarce.
•
Glyphs that are unambiguous on their own: close, search, more, edit.
Avoid
•
Unfamiliar glyphs standing alone.
•
More than four in a row — move the rest into a Menu.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/IconButton.cs.