Widget | Dedicated page | When to choose it |
|---|---|---|
Text | Basic textual content | |
TextContent | Literal or keyed text payload | |
RichText | Mixed-style text content | |
RichTextRun | Supporting rich-text run type | |
TextRunStyle | Supporting rich-text style type | |
TextFontStyle | Supporting text-style type | |
Icon | Iconographic content | |
Avatar | Identity or profile presentation | |
Badge | Small status label | |
Tag | Categorical chip or label | |
Link | Link-style display surface | |
Code | Code or preformatted text display | |
Kbd | Keyboard shortcut presentation |
Widget | Dedicated page | When to choose it |
|---|---|---|
Card | Group related content inside a framed surface | |
Divider | Separate content visually | |
Alert | Communicate notable inline status or warning | |
AlertKind | Supporting alert style type | |
EmptyState | Explain absence of content | |
ProgressBar | Show determinate linear progress | |
CircularProgress | Show circular progress | |
Spinner | Show indeterminate activity | |
Skeleton | Reserve visual structure during loading | |
FutureBuilder | Declare a one-shot async job and render from an app-owned snapshot | |
RefreshIndicator | Add pull-to-refresh behavior around scrollable content | |
Stat | Present one labeled metric clearly | |
Stepper | Show multi-step progress or flow |
Widget | Dedicated page | When to choose it |
|---|---|---|
Calendar | Calendar-style structured dates | |
DataTable | Row-and-column data presentation | |
TableColumn | Supporting column definition | |
TableRow | Supporting row definition | |
Timeline | Chronological progression | |
TimelineItem | One timeline entry | |
TreeView | Hierarchical data display | |
TreeItem | One tree node |