Sections

Tabs

Use tabs to divide content into meaningful, related sections. Tabs allow users to focus on one particular view while keeping all available content options in view. Each tab, when active, reveals its own unique content.

Components

TASE is primary component name for tabs sections, where TA - tabs, SE - sections and last 2 digits is a sequence number.

TASE01
Overline

Nulla in eros gravida, faucibus est

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt nostrud amet.

Heads Up!

This is demo placeholder. You can place inside any type of content (text, images, components, custom code etc.)

Heads Up!

This is demo placeholder. You can place inside any type of content (text, images, components, custom code etc.)

Heads Up!

This is demo placeholder. You can place inside any type of content (text, images, components, custom code etc.)

TASE03

Nulla in eros gravida, faucibus est

Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit. Exercitation veniam consequat sunt.

How to

Add section components

Section components shouldn't be nested inside of sections, as they already built upon it. You can select and copy any section component from the styleguide and paste to your project or you can search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E).

Style components

Before making any changes you need to unlink component. Right-click on the symbol’s label and choose unlink from symbol. You can style components whatever you like.