Small tabs

With icon & badge

Disabled

Large tabs

With icon & badge

Disabled

Overflowing tabs

Scrolling works unconditionally (native, no JS). The fade is optional and consumer-driven: set data-fade="start"|"end"|"both" on .a-tabs--scrollable based on real scroll position.

data-fade="end" (scrolled to start)

data-fade="both" (scrolled to middle)

data-fade="start" (scrolled to end)