Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Chrome-Style Tabs

Demonstrates the notch element in “reverse” mode: instead of a dropdown hanging BELOW a bar with concave top corners, Chrome-style tabs sit ABOVE a toolbar with concave BOTTOM corners. The concave curves flare outward past the tab’s box and visually merge with the toolbar beneath, giving the active tab its signature smooth connection to the toolbar edge.

Tip: Some demos are best viewed in a full browser window. Click “Open in a new tab” below for the full experience.

Open in a new tab · View source on GitHub