Display Content in Tabs with Style

Tabs are a great way to display your long content in a smaller place and enhance the user experience.
You can categorize content and display them under different tabs.

Explore More Blocks

Create Tabbed Content Easily

Tabs can display a bunch of information in one place. Users can click on a required tab so the related information is shown. This displays all required information in one place and saves users time navigating away on different pages.

Add Anything Inside Tabs

You might need to add various kinds of information inside each tab. May it be image, text, video, form, or anything else.

Tabs block makes a whole range of blocks available inside each tab. This lets you add anything inside the tab with the block editor.

Choose From Prebuilt Layouts

Designing a number of tabs in uniform styling can be a time-consuming task.

Spectra’s Tabs block gives a range of readymade layouts that offer horizontal and vertical tab designs. You don’t need to arrange the layout manually.

More Flexible Options

Use advanced customization options to get total control over the tab structure.

Choose Default Open Tab

Out of all available tabs choose any one tab to open initially. This way you can control information to be displayed when the user first lands on the page.

Add Icon to Tabs

Choose from a library of icons. Set icons beside tab text. Manage its position, size, and spacing according to the content you wish to display within.

Manage Content Alignment

Set a required position for content in tabs. Set it left, center or right.

Style-up Tabs with Attractive Design Options

Make your tabs match your website design and display them with an attractive look.

Set color and typography of your choice. You can manage the padding, and the margin between elements, and add box-shadow.