created:3/5/2021
updated:3/5/2021

index

Overview

component-controls has a very flexible api that allows creating and installing various plugins. The following are the official plaugins, please refer to each plugin's own documetation for installation and usage.

Components

sort by:

Components

created:4 years ago
updated:4 years ago
loc
76
comments
11%
passed
2
coverage
100%

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

ref

component
#used
Component
4
Box
2
created:4 years ago
updated:4 years ago
loc
23
comments
26%
passed
2
coverage
100%

Tables for all the filtered attributes, and the components using them

ref

component
#used
Button
1

id

component
#used
Button
1
created:4 years ago
updated:4 years ago
loc
121
comments
7%
passed
2
coverage
67%

Table of all the used attributes, with their components

Attributes usage

attribute
components
#used
#total used
id
1
1
ref
1
1
created:4 years ago
updated:4 years ago
loc
21
comments
0
passed
2
coverage
100%
sort by:

description of story

Components

created:4 years ago
updated:4 years ago
loc
129
comments
5%
passed
2
coverage
55%

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

created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
created:4 years ago
updated:4 years ago
loc
68
comments
1%
passed
2
coverage
50%
sort by:
created:4 years ago
updated:4 years ago
loc
28
comments
36%
passed
2
coverage
100%

Grid display of component cards

created:N/A
updated:N/A
loc
25
comments
4%
todos
5
passed
7
failed
1
coverage
67%
Markdown descripton for component.
Markdown descripton for component. # With a heading and some bold text

description of story

Components

created:4 years ago
updated:3 years ago
loc
296
comments
4%
passed
2
coverage
13%

Selection of components from stories, to be displayed in a ComponentList

description of story

Components

created:4 years ago
updated:4 years ago
loc
120
comments
7%
passed
2
coverage
67%

Table of all the components, with their attributes

Components usage

component
attributes
#stories
#used in
Button
1
1
Button
1
0
ArrowButton
2
0
created:4 years ago
updated:4 years ago
loc
74
comments
11%
passed
2
coverage
100%

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

ArrowButton

component
#used
Button
1
created:4 years ago
updated:4 years ago
loc
28
comments
21%
passed
2
coverage
75%

Tables for all the filtered components

Button

component
#used
ArrowButton
1

Design

created:4 years ago
updated:4 years ago
loc
68
comments
4%
passed
10
coverage
74%
created:4 years ago
updated:4 years ago
loc
34
comments
6%
passed
6
coverage
71%
created:4 years ago
updated:4 years ago
loc
38
comments
5%
passed
8
coverage
92%

Component design notes

  1. Be user-friendly
  2. Be a11y accessible
  3. Go to 1

Testing

created:4 years ago
updated:4 years ago
loc
84
comments
5%
passed
1
coverage
56%
Story block container that displays displays the axe ally test results
 
id
description
aria-allowed-attr

Ensures ARIA attributes are allowed for an element's role...

aria-allowed-role

Ensures role attribute has an appropriate value for the element...

aria-required-attr

Ensures elements with ARIA roles have all required ARIA attributes...

aria-roles

Ensures all elements with a role attribute use a valid value...

aria-valid-attr-value

Ensures all ARIA attributes have valid values...

aria-valid-attr

Ensures attributes that begin with aria- are valid ARIA attributes...

nested-interactive

Ensure controls are not nested as they are not announced by screen readers...

svg-img-alt

Ensures <svg> elements with an img, graphics-document or graphics-symbol role have an accessible text...

created:4 years ago
updated:4 years ago
loc
86
comments
1%
passed
4
coverage
56%
320px
375px
768px
1024px