created:3/5/2021
updated:3/5/2021
loc
46
comments
43%
passed
12
coverage
67%
Tag
A container component to display text in a colored box, with a semi-transparent background.
Name | Description | Default | Controls |
---|---|---|---|
color | color for the tag. The full color will be applied to the border and a transparentized color will be used as background
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 | white |
Status | Full name | Title | Time(ms) | |
---|---|---|---|---|
Tag.test.ts(12 tests) | ||||
passed | Tag > overview > 1 | snapshot | 58 | |
passed | Tag > overview > 1 | accessibility | 81 | |
passed | Tag > overview > 2 | snapshot | 29 | |
passed | Tag > overview > 2 | accessibility | 55 | |
passed | Tag > overview > 3 | snapshot | 30 | |
passed | Tag > overview > 3 | accessibility | 60 | |
passed | Tag > overview > 4 | snapshot | 40 | |
passed | Tag > overview > 4 | accessibility | 68 | |
passed | Tag > overview > 5 | snapshot | 50 |
total 12 tests
Kind | Total | Covered | Skipped | % | |
---|---|---|---|---|---|
Tag.tsx | |||||
lines | 13 | 13 | 0 | 100% | |
functions | 1 | 1 | 0 | 100% | |
statements | 14 | 14 | 0 | 100% | |
branches | 6 | 4 | 0 | 66.66% |