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
DocsSurfaces & display
EmptyStateView source
1 min readWhat a collection shows when it has nothing in it: a glyph, a title, a sentence, and the action that fixes it. Skeleton ships in the same file.
1
using eQuantic.UI.Components;
DEFAULT
No resultsNothing matched that query.
SKELETON SHAPES
Usage
1
2
3
4
5
6
7
new EmptyState
{
Icon = Icons.Receipt,
Title = "No invoices yet",
Body = "Invoices you create will appear here.",
Action = new Button("New invoice", Variant.Primary, onPressed: NewInvoice),
}
API
Prop
Type
Default
Description
Icon
Icons
—
A calm glyph, not an illustration.
Title
string
—
What is empty, in the user's words.
Body
string?
null
One sentence on how it fills up.
Action
Button?
null
The single action that resolves the emptiness.
SecondaryAction
Button?
null
An optional alternative.
Skeleton.Shape
SkeletonShape
—
Text, Circle or Rect — match the real content's silhouette.
Skeleton.Width
float
0
Placeholder width; 0 fills.
Skeleton.Height
float
0
Placeholder height.
States
State
Rendering
Empty
The default
Filtered-empty
Different copy: nothing matches, offer to clear the filter
Loading
Use Skeleton at the real content's size
Accessibility
•
The title is the region's heading; the action is a normal focus stop. Skeletons are hidden from readers — announce "loading" once for the region.
When to use
•
First run, cleared lists, no-results.
Avoid
•
Blaming copy, or a dead end with no action.
NOTEEvery dimension resolves through Sizing.*(SizeVariant) and the token scales — never a literal. Source: src/eQuantic.UI.Components/EmptyState.cs.