Tabs

Change theme

Telefónica Movistar O2 Vivo

Default

Tab 1 Tab 2 Tab 3 with a very looooooooooooooooooooong text Tab 4

Icons

The selected attribute can be set for tef-tabs in order to preselect a tab or select it in real time.

Events

You can create callbacks for the "selected" event in each tab.

Go ahead click in any tab!

You can also create a callback for the "change" event in the tef-tabs component.

Anytime a tab is selected, the selected attribute in tef-tabs is updated in real time. You can check this inspecting the DOM.

Tab 0 Tab 1 Tab 2 Tab 3

Go ahead, click in any tab!