A next-generation tool to create blazing-fast documentation sites
API
created:3/5/2021
updated:3/5/2021
loc
46
comments
43%
passed
12
coverage
67%

Tag

avatar of atanasster

A container component to display text in a colored box, with a semi-transparent background.

Overview

some text

Test data

select
#
color
1
#4f4215
2
#41531c
3
#150d41
4
#061638
5
#5e2519
5 data rows
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

Tests results

Status
Full name
Title
Time(ms)
Tag.test.ts(12 tests)
passed
Tag > overview > 1
snapshot
178
passed
Tag > overview > 1
accessibility
262
passed
Tag > overview > 2
snapshot
63
passed
Tag > overview > 2
accessibility
134
passed
Tag > overview > 3
snapshot
73
passed
Tag > overview > 3
accessibility
96
passed
Tag > overview > 4
snapshot
54
passed
Tag > overview > 4
accessibility
96
passed
Tag > overview > 5
snapshot
63
total 12 tests

Tests coverage

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%

A11y tests

some text

Viewport

some text
320px
some text
375px
some text
768px
some text
1024px