Skip to content
IzzyBlazor 0.1.0-alpha.17

Enter all results ↑ ↓ move Esc close

Progress

A progress bar, determinate or not.

IzzyBlazor.Progress in the IzzyBlazor.Core package, generated from the 0.1.0-alpha.17 assembly and its doc comments.

Properties (7)

Valuedouble?

How far along, from 0 to Max. Leave it out for an indeterminate bar.

Maxdouble = 100

The value that means done. Defaults to 100.

Labelstring?

A label above the bar, also its accessible name. Without one, give the component an aria-label, which goes on the bar.

ShowValuebool = false

Shows the percentage above the bar, at the end.

ValueTextstring?

Text for the value in place of a percentage, such as "3 of 5 files". Shown, and read by screen readers.

AccentAccent? (computed)

The bar's color, such as Accent.Danger, Accent.From(Color.Success) or Accent.Of("#0d9488"). Defaults to the primary color.

SizeControlSize = ControlSize.Md

Thickness. Defaults to ControlSize.Md.

Plus 16 item props and 4 common props.

Show them here

Events (0)

No events.

Types (2)

Accent

class

The color of a control: buttons, badges, tags, banners, progress bars and menu items. Primary, Neutral and Danger are the roles; emphasis comes from the variant (solid, soft, outline, ghost, link), not from more colors. For one control in another color, use Of (any CSS color) or Token (a theme token); text on it is chosen for contrast.

Accent members
MemberDescription
Primary

The brand color, for the main action.

Neutral

A quiet, gray action.

Danger

A destructive action, such as Delete.

Of(string css)

Any CSS color, such as "#0d9488". Text on it is black or white, whichever reads better.

Token(string name)

A theme token, such as "brand" for --ib-color-brand; text on it uses --ib-color-on-brand when the theme defines it.

From(Color color)

A Color as an accent, such as Color.Success.

ControlSize

enum

The height of interactive controls. Shared by buttons and form fields, so a button and an input of the same size line up in a row.

ControlSize values
ValueDescription
Sm

32px tall, small text.

Md

36px tall (the default).

Lg

44px tall, large text. For touch-first and marketing pages.