Install fnest
The tab component below is accessible via the keyboard and is built with pure HTML and CSS (no JavaScript). Use the left/right or up/down arrow keys to move between the tabs after tabbing into or otherwise focusing the component.
Tab One Content
Command one.
Tab Two Content
Command two.
Tab Three Content
Command three.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
Tab Four Content
Command four.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
The tab component will switch to a vertical accordion on smaller screens.