Linear Progress

3.0.12

Linear Progress indicators display progress by animating an indicator along the length of a fixed, visible track. The behavior of the indicator is dependent on whether the progress of a process is known.

Demo

Props

Se fullständing dokumentation(öppnas i ny flik)
NamnTypBeskrivning

accessibleText *

stringAlternative text for screen reader for the loader. Make it concrete and informative, e.g. "Loading departures, please wait...". Mandatory for WCAG 2.1.

customAttribute

{ attribute: string; value: string | number }Used for tests. Clickable and requested subcomponents will be suffixed with "-[ComponentName]".

size

"default" | "thin"Size of the progress bar. Default is "default", but can be set to "thin" for a slimmer version.

value

numberThe value of the progress indicator for the determinate variant. Value between 0 and 100.

Installation

npm install @sj-ab/component-library.ui.linear-progress

Länkar

Best practices

Size

Default

Default

Thin

Thin

Label

Examples

Example 1

Example 1

Example 2

Example 2

Change log

Statistik

  • Importer av Linear Progress

    8
  • Repos med Linear Progress

    20%
  • Senaste installerade version av Linear Progress

    3.0.10
  • Äldsta installerade version av Linear Progress

    1.0.33