# Opal Tabs

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

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-Luas_e7b14fWebbTZ3d%2F-LuatDHOJiL2tfFgOEZJ%2Fimage.png?alt=media\&token=dbc1cdd6-d695-4bed-96db-6754722f4fbe)

When drag to widget , **Form Opal Tabs** will show for you look like :

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-Luas_e7b14fWebbTZ3d%2F-LuatK4nk6wPTAsM3CKt%2FScreenshot_134.png?alt=media\&token=b7358cee-b308-4f22-aca2-bb59737f5355)

Click button "**Add item**" to add field then  input title & content  and choose icon, teamplate.. for Tabs

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-Luas_e7b14fWebbTZ3d%2F-LuatRppuWTZDU3ZndvY%2FScreenshot_135.png?alt=media\&token=ae73cd2d-465f-4ee2-90c8-a38728d64660)

Front-end look like:

![](https://40128897-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LuWt1ElsnW_isW_Idrl%2F-Luas_e7b14fWebbTZ3d%2F-Luatrq1Ny8pPXRdno50%2FScreenshot_136.png?alt=media\&token=007bf76a-b602-408d-b53f-4df70cff47ef)
