Segmented Controls - Puppertino Framework

General Usage of the segmented controls.

Segmented controls are made of 2 main elements, the container and the links inside of them which can include SVGs or plain text. The container features the main class, p-segmented-controls and the links inside of it don't need to feature any class in particular, just active for the active control. There also Modifier classes to change the default look of the segmented controls. Keep in mind that while the Segmented controls component features a JS, it does not manage states, views or any type of functionality, if you wish to manage these states you will have to create a JS that accomplishes what you want to do.

Roadmap Satelite

Usage:

<div class="p-segmented-controls"> <a href="#" class="active">Roadmap</a> <a href="#">Satelite</a> </div>

Từ khóa » Html Css Segmented Control