skip to main content
skip to navigation sidebar
skip to context sidebar
A next-generation tool to create blazing-fast documentation sites
API
Blog
Tutorial
Showcase
twitter
github
Edit this page
created:4/20/2021
updated:4/20/2021
loc
120
comments
7%
passed
2
coverage
67%

ComponentUsage

avatar of atanasster

Table of all the components, with their attributes

Tests results

Status
Full name
Title
Time(ms)
ComponentUsage.test.ts(2 tests)
passed
ComponentUsage > overview
snapshot
415
passed
ComponentUsage > overview
accessibility
2801
total 2 tests

Tests coverage

Kind
Total
Covered
Skipped
%
ComponentUsage.tsx
lines
17
17
0
100%
functions
7
7
0
100%
statements
18
18
0
100%
branches
3
2
0
66.66%

A11y tests

Components usage

component
attributes
#stories
#used in
Button
refid
1
1
Button
1
0
ArrowButton
2
0
 
impact
id
description
serious
color-contrast

Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds...

summary
target
Fix any of the following: Element has insufficient color contrast of 3.92 (foreground color: #5c6ac4, background color: #d9ecd9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-1mgdhkm > table > tbody > .css-ijvt85:nth-child(1) > .css-1yjhfhu[role="cell"]:nth-child(1) > .css-1w7k8nk > .css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.92 (foreground color: #5c6ac4, background color: #d9ecd9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-1mgdhkm > table > tbody > .css-ijvt85:nth-child(2) > .css-1yjhfhu[role="cell"]:nth-child(1) > .css-1w7k8nk > .css-vurnku
Fix any of the following: Element has insufficient color contrast of 3.92 (foreground color: #5c6ac4, background color: #d9ecd9, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe > .rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-1mgdhkm > table > tbody > .css-ijvt85:nth-child(3) > .css-1yjhfhu[role="cell"]:nth-child(1) > .css-1w7k8nk > .css-vurnku
minor
duplicate-id

Ensures every id attribute value is unique...

summary
target
Fix any of the following: Document has multiple static elements with the same id attribute: components-usage
.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe

Viewport

Components usage

component
attributes
#stories
#used in
Button
refid
1
1
Button
1
0
ArrowButton
2
0
320px

Components usage

component
attributes
#stories
#used in
Button
refid
1
1
Button
1
0
ArrowButton
2
0
375px

Components usage

component
attributes
#stories
#used in
Button
refid
1
1
Button
1
0
ArrowButton
2
0
768px

Components usage

component
attributes
#stories
#used in
Button
refid
1
1
Button
1
0
ArrowButton
2
0
1024px
Previous
Plugins/AddonStats/AttributeUsage
Next
Plugins/AddonStats/ComponentUsageDetails