Deviopath › React

Tabs

Medium · Composition

Build a tabs component.

Render one TabButton per tab and a single <p> below them with the content of the active tab. The first tab is active at the start.

TabButton receives title, isActive and onClick props. The active tab button gets className="active"; the others get no active class.

Next: Modal Dialog