Tabs
- Tabs
- Tab
- TabList
- TabPanel
Tabs component with react-tabs and theme-ui styling.
Status | Full name | Title | Time(ms) | |
|---|---|---|---|---|
Tabs.test.ts(8 tests) | ||||
passed | Tabs > overview | snapshot | 75 | |
passed | Tabs > overview | accessibility | 169 | |
passed | Tabs > onSelect | snapshot | 37 | |
passed | Tabs > onSelect | accessibility | 178 | |
passed | Tabs > direction | snapshot | 27 | |
passed | Tabs > direction | accessibility | 138 | |
passed | Tabs > fontSize | snapshot | 27 | |
passed | Tabs > fontSize | accessibility | 211 | |
Kind | Total | Covered | Skipped | % | |
|---|---|---|---|---|---|
Tabs.tsx | |||||
lines | 8 | 8 | 0 | 100% | |
functions | 1 | 1 | 0 | 100% | |
statements | 11 | 11 | 0 | 100% | |
branches | 1 | 1 | 0 | 100% | |
- panel 1
- panel 2
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-required-children | Ensures elements with an ARIA role that require child roles contain them... | |
aria-required-parent | Ensures elements with an ARIA role that require parent roles are contained by them... | |
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... | |
color-contrast | Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds... | |
duplicate-id-aria | Ensures every id attribute value used in ARIA and in labels is unique... | |
nested-interactive | Ensure controls are not nested as they are not announced by screen readers... | |
tabindex | Ensures tabindex attribute values are not greater than 0... |