Day 05: Tabs Component
Create a tab interface where clicking a tab shows its panel.
JavaScript focus
- syncing buttons to panels
- data-* attributes
- active states
- aria-selected
Nice extras
- arrow key navigation
- default active tab
- animated panel transition
MDN prep
Tabs
Overview content goes here.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptate fugiat aut natus deleniti reiciendis, labore recusandae! Neque debitis est amet? Minima veniam deleniti amet minus repudiandae aliquid omnis delectus.
Notes content goes here.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, fugiat.
Resources content goes here.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, fugiat! Molestiae debitis quisquam nobis in repellendus iste deleniti officia cupiditate nam velit. Dignissimos corporis, unde rem odit tempore, ex modi officia dolore quia natus consequuntur.