Spinner
IzzyBlazor.Spinner in the IzzyBlazor.Core package, generated from the 0.1.0-alpha.17 assembly
and its doc comments.
Properties (3)
SizeIconSize = IconSize.MdSize, on the same scale as icons (relative to the text). Defaults to IconSize.Md (1em).
ColorColor? (computed)The ring's color. Defaults to the text color.
Labelstring? = "Loading"What screen readers hear. Defaults to "Loading".
Plus 16 item props and 4 common props.
Show them hereEvents (0)
No events.
Types (2)
Color
structA color: one of the theme's tokens (so it follows light and dark mode), a custom token from your own theme, or a raw CSS color.
| Member | Description |
|---|---|
Primary | Brand color. |
OnPrimary | Text and icons on |
Success | Success. |
OnSuccess | Text and icons on |
Warning | Warning. |
OnWarning | Text and icons on |
Danger | Danger. |
OnDanger | Text and icons on |
Info | Informational. |
OnInfo | Text and icons on |
Neutral | Neutral accent. |
OnNeutral | Text and icons on |
Background | The page, behind the surfaces: a near-white in the default theme. |
Surface | Cards, tables, fields and bars: white in light mode. |
FillSubtle | The quietest fill inside a surface, for large areas: a filled card, a panel, a band. |
Fill | A fill inside a surface that must show at small sizes: table heads, code, wells. |
FillStrong | The strongest fill: selected and pressed states, chips, tracks, skeletons. |
SurfaceOverlay | Overlays that float above the page: menus, popovers, dialogs, toasts. White like |
OnSurface | Text on any surface. |
Muted | Secondary text on any surface: descriptions, metadata. |
Subtle | Tertiary text: captions, hints, placeholders. Still at least 4.5:1 on Surface and Fill. |
Disabled | Text of disabled controls. Deliberately low contrast. |
PrimaryText |
|
SuccessText |
|
WarningText |
|
DangerText |
|
InfoText |
|
PrimarySoft | The accent's soft tint: soft buttons, the current page, chips. Text on it: |
SuccessSoft |
|
WarningSoft |
|
DangerSoft |
|
InfoSoft | |
Focus | The focus ring and field halo color: |
Border | Borders and dividers. Decorative: too light to be the only edge of a control. |
Outline | |
Transparent | Fully transparent. |
CurrentColor | The current text color. |
Token(string name) | A theme token by name, rendered as |
Of(string css) | A raw CSS color such as |
Css string | The CSS value this color renders as. |
TokenName string? | The theme token name, such as |
ContrastText Color? | The text color that pairs with this color used as a background: |
IconSize
enumIcon sizes, relative to the surrounding text so icons line up with labels.
| Value | Description |
|---|---|
Xs | 0.75em. |
Sm | 0.875em. |
Md | 1em, the size of the surrounding text (the default). |
Lg | 1.25em. |
Xl | 1.5em. |
Xl2 | 2em. |
Xl3 | 3em. |