Tabs
The below example section demonstrates a tabs widget that implements the design pattern for tabs.
Example
Nils Frahm is a German musician, composer and record producer based in Berlin. He is known for combining classical and electronic music and for an unconventional approach to the piano in which he mixes a grand piano, upright piano, Roland Juno-60, Rhodes piano, drum machine, and Moog Taurus.
Helios (Keith Kenniff) is an American composer, multi-instrumentalist, and electronic music producer. He composes ambient/electronic music under the moniker Helios and post-classical piano music under Goldmund. He is also one half of the indie band Mint Julep, and ambient project "A Pale Fire". Keith is also a composer for film, television, dance and performance art. In 2010 he created the record label Unseen.
Fear of complicated buildings:
A complex complex complex.
Accessibility Features
Please replace this content with a list of accessibility features demonstrated in this implementation, such as:
- ARIA roles
- property and state information
- Event handlers
tabindexvalues
Keyboard Support
| Key | Function |
|---|---|
| tab | Moves focus to the active tab or first focusable in the tab panel. |
| left arrow | Moves focus to the previous tab. |
| right arrow | Moves focus to the next tab. |
| home | Moves focus to the first tab. |
| end | Moves focus to the last tab. |
| delete | If deletion on the selected tab is allowed this will that tab element and its associated tab panel. |
ARIA Roles, Properties, and States
| Role | Property/State | Element | Usage |
|---|---|---|---|
| tablist |
|
||
| tab |
|
||
| tabpanel |
|
||
| aria-controls | element with role of tab |
|