Tabs V02

Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
An iOS-style segmented control that switches a store analytics card between Day, Week and Month. Each range has its own headline number, trend chip, bar chart drawn purely in CSS and three summary stats. A white thumb slides behind the selected option.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 164 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Sliding segmented-control thumb
- Bar charts drawn with CSS custom properties, no chart library
- Peak value callout and hover values
- Bars grow in on switch, disabled for reduced motion
- WAI-ARIA tabs with arrow, Home and End keys

