A pack of extensions for grommet 2
created:7/7/2021
updated:7/7/2021
loc
44
comments
7%
passed
6
failed
6
coverage
67%

Value

avatar of atanasster

A single value visualization with a label.

Main

30%
last quarter sales
Name
Description
Default
Controls
label

Value label

ReactNode
undefined
value

The value

ReactNode
undefined
weight

Font weight

numbernormalbold
bold
gap

Spacing between the value and the label

string
small
size

Value element size

xsmallsmallmediumlargexlargexxlarge
large
units

'Units' string

string
-

Tests results

Status
Full name
Title
Time(ms)
Value.test.ts(12 tests)
failed
Value > main
snapshot
68
passed
Value > main
accessibility
167
failed
Value > label
snapshot
13
passed
Value > label
accessibility
74
failed
Value > value
snapshot
43
passed
Value > value
accessibility
113
failed
Value > color
snapshot
26
passed
Value > color
accessibility
66
failed
Value > weight
snapshot
27
total 12 tests

Tests coverage

Kind
Total
Covered
Skipped
%
Value.tsx
lines
7
7
0
100%
functions
1
1
0
100%
statements
7
7
0
100%
branches
6
4
0
66.67%

A11y tests

30%
last quarter sales

Viewport

30%
last quarter sales
320px
30%
last quarter sales
375px
30%
last quarter sales
768px
30%
last quarter sales
1024px