# Opal Tabs

When creating a page with Elementor, please search elementor with name  **"Opal Tabs"** widget.

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-Lqxttu013mXW0-aCuav%2Ftab_001.png?alt=media\&token=44afc2ea-7c78-46e0-b71a-3b9ff8c43d26)

When drag to widget , form tab will display

**Step 1** : Click to button "**Add Item** " then Choose icon, input title content, choose source , color and choose template for item.

**Step 2** : Choose layout for type : Vertical or  horizontal

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxuWL4eSCvFjDMUIMB%2Ftab1.png?alt=media\&token=aa06a831-fcc6-4e13-9bf8-adc55c8bf4b4)

Front-end look like :

![](https://1776502442-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LqtZD4k3Vm5bvw9_kas%2F-LqxYSp31mgH4k8LdhzP%2F-LqxuyKI8VlrqQ8E7zHI%2Ftab3.png?alt=media\&token=5c7dec74-b040-488b-b93d-9a0cbdb385a2)