> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/konstruktic/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wpdocs.gitbook.io/konstruktic/setting/untitled-3/opal-tabs.md).

# 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

![](/files/-LrCF2kGFktPYv-GIIRI)

Front-end look like :

![](/files/-LrCFnT_5TFuWUjJ0p4c)