> For the complete documentation index, see [llms.txt](https://wpdocs.gitbook.io/aroland/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/aroland/setting/untitled-2/opal-tabs.md).

# Opal Tabs

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

![](/files/-Lqxttu013mXW0-aCuav)

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/-LqxuWL4eSCvFjDMUIMB)

Front-end look like :

![](/files/-LqxuyKI8VlrqQ8E7zHI)