• Start
  • Blogg
  • Kom igång
  • Riktlinjer
  • Komponenter
  • Changelog
  • Tillgänglighet
  • Inställningar

Komponenter

Komponenter

​
​

Inga resultat hittade, prova med andra sökvillkor.

Meter

Meter

2.1.10

The Meter component represents either a scalar value within a known range or a fractional value.

Demo
Props
Installation
Länkar
Tillgänglighet
Change log
Statistik

Demo

Props

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

ariaHidden

booleanIf true, the screen reader helper text will be hidden from screen readers.

customAttribute

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

helperText

stringOptional text displayed below the meter to provide additional context.

size

DotSizeSets the visual size of the meter component and its dots.

value *

numberFor solid variant: Progress value between 0-100. For dotted variant: Number of filled dots to display.

length

never | number@ignore Not applicable for solid variant.

variant *

"solid" | "dotted"Display style of the meter as a continuous meter bar.

Installation

Kodexempel
npm install @sj-ab/component-library.ui.meter

Länkar

  • Storybook

  • Figma

  • Bit.cloud

Tillgänglighet

Meter-komponenten har en hjälptext som beskriver vad metern visar. Om ariaHidden används för att dölja hjälptexten från skärmläsare, måste en alternativ beskrivning ges. Detta är användbart när flera meter-komponenter delar en gemensam beskrivning.

Change log

  • Security updates and bit automatic vulnerabilites workflow fix

    2.1.2
  • Adds new dimension.borderRadius tokens and updates border radius usage throughout.

    2.1.0
  • Update Design Tokens

    2.0.0

    Breaking

Statistik

  • Importer av Meter

    2
  • Repos med Meter

    3%
  • Senaste installerade version av Meter

    0.4.1
  • Äldsta installerade version av Meter

    0.4.1