# Opal Tabs

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

![](https://blobscdn.gitbook.com/v0/b/gitbook-28427.appspot.com/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://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCF2kGFktPYv-GIIRI%2Ftab.png?alt=media\&token=f6e42534-3110-49da-b524-c03feacec6e0)

Front-end look like :

![](https://3998518804-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lqz34s7EoWImysxsy-v%2F-LrC--vQBT5W4y40L7MZ%2F-LrCFnT_5TFuWUjJ0p4c%2Ftabs.png?alt=media\&token=3774f8e0-9d3e-414b-83bf-7deecbe2abac)