ComponentUsageDetails

Table to display the components usage, with a % progress indicator

	Status	Full name	Title	Time(ms)
ComponentUsageDetails.test.ts(2 tests)
	passed	ComponentUsageDetails > overview	snapshot	180
	passed	ComponentUsageDetails > overview	accessibility	797

total 2 tests

	Kind	Total	Covered	Skipped	%
ComponentUsageDetails.tsx
	lines	20	20	0	100%
	functions	7	7	0	100%
	statements	22	22	0	100%
	branches	0	0	0	100%

component	#used
Button	1

impact

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 > .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: attribute-arrowbutton	.rah-static.rah-static--height-auto[aria-hidden="false"] > div > .css-154oin1[data-testid="story"] > .story-render-container.css-dhmrnb > .css-1xkyebe

component	#used
Button	1

320px

component	#used
Button	1

375px

component	#used
Button	1

768px

component	#used
Button	1

1024px