Tabs / Tab Positions

Left

One
Two
Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis libero, lobortis ac rutrum quis, varius a velit. Donec lacus erat, cursus sed porta quis, adipiscing et ligula.

Right

One
Two
Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis libero, lobortis ac rutrum quis, varius a velit. Donec lacus erat, cursus sed porta quis, adipiscing et ligula.

Bottom

One
Two
Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer felis libero, lobortis ac rutrum quis, varius a velit. Donec lacus erat, cursus sed porta quis, adipiscing et ligula.

Theme

light ›

Light

Dark

Flat

Gradient

Description

This example shows a Shield UI Tabs widget, containing images in the tabs.
The images can be passed in the DataSource object, set as attributes of the tab list items or specified inside their content.

All Widgets

Tabs

Tabs / Tab Positions

Left

Right

Bottom

Description

This example shows a Shield UI Tabs widget, containing images in the tabs.
The images can be passed in the DataSource object, set as attributes of the tab list items or specified inside their content.

Follow Us

All Widgets

Tabs

Tabs / Tab Positions

Left

Right

Bottom

Description

This example shows a Shield UI Tabs widget, containing images in the tabs.The images can be passed in the DataSource object, set as attributes of the tab list items or specified inside their content.

Follow Us

This example shows a Shield UI Tabs widget, containing images in the tabs.
The images can be passed in the DataSource object, set as attributes of the tab list items or specified inside their content.