Tabs

A no-JavaScript tabs pattern driven by radio inputs and labels. It is useful for static documentation or marketing content where a small tab set is enough.

Demo on CodePen

Preview

Browser Compatibility

Feature Chrome Edge Firefox Safari Notes Source
type="radio" Broad support Yes Yes Yes Yes The tab switching is powered by native radio inputs and CSS selectors. caniuse

Tabs rely on native radio inputs and standard CSS selectors only.