General
Max Width
Determines the maxium width of the stack, including the contents and tabs
Floating Pill Style
This is a neat feature that creates a floating pill as the selected tab marker, which will then resize and move to the active tab when a tab is changed.
Connect Tabs
This will connect the tabs to the content area, and remove border-radiuses where necessary
Active Tab
Here you can set which tab will be active when the stack initially loads
–
Tabs
Alignment
Here you can select the horizontal alignment for the tabs you can set them to be:
- Left
- Right
- Center
Text Size
Determines the font-size of the text inside of each tab
Icon Size
Determines the size of the icon inside of each tab
Spacing
Controls the space around each tab, both vertical and horizontal spacing options are avialable.
Padding
Controls the amount of space inside of each tab (around the text and the icon)
Radius
Controls the corner roundness of each tab
Text
Sets the basic text color of all tabs (not selected ones)
Background
Sets the background for all tabs
Active Text
Sets the color of the active tab
Active BG
Sets the background of the active tab
–
Tabs > Responsive
Breakpoints (Tablet & Mobile)
Here you can set the points at which the tabs will turn into columns for mobile devices. You can set both the tablet and mobile breakpoints
Columns
Here you can set the number of columns for the tab grids on mobile devices. For example 3 columsn means 3 tabs per row, etc.
Hide Text
Simple tabs allows you to hide text optionally for Desktop, Tablet, and Mobile devices, you can select more than one option at a time.
Hide Icons
Simple tabs allows you to hide icons optionally for Desktop, Tablet, and Mobile devices, you can select more than one option at a time.
–
Content
Padding
Sets the amount of vertical/horizontal spacing around the content inside of the content area
Radius
Controls the corner roundness of the content area
Text
Sets the color of the text within the content area
Background
Sets the background color of the content area
