created:4/29/2021
updated:4/29/2021
loc
71
comments
24%
passed
26
coverage
79%
Shield
A container component to display label/value pairs, where the value is colord. Similar design to github shields.
Name | Description | Default | Controls |
|---|---|---|---|
| color | background color for the value.
The color utility parses a component's color and bg props and converts them into CSS declarations.
By default the raw value of the prop is returned.Color palettes can be configured with the ThemeProvider to use keys as prop values, with support for dot notation. Array values are converted into responsive values. string | #227fc0 |
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
Shield.test.ts(26 tests) | ||||
passed | Shield > overview > 1 | snapshot | 110 | |
passed | Shield > overview > 1 | accessibility | 147 | |
passed | Shield > overview > 2 | snapshot | 205 | |
passed | Shield > overview > 2 | accessibility | 390 | |
passed | Shield > overview > 3 | snapshot | 102 | |
passed | Shield > overview > 3 | accessibility | 139 | |
passed | Shield > overview > 4 | snapshot | 94 | |
passed | Shield > overview > 4 | accessibility | 152 | |
passed | Shield > overview > 5 | snapshot | 89 | |
total 26 tests
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
Shield.tsx | |||||
lines | 23 | 21 | 0 | 91.3% | |
functions | 1 | 1 | 0 | 100% | |
statements | 24 | 22 | 0 | 91.66% | |
branches | 24 | 19 | 0 | 79.16% | |
color
#227fc0
impact | id | description | |||||||
|---|---|---|---|---|---|---|---|---|---|
| serious | color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |||||||
| |||||||||