QuanticTabBar

The QuanticTabBar component presents a set of tabs in a responsive, adaptable layout. When the width of the container is insufficient to display all tabs, the excess tabs are moved into a "More" dropdown menu, ensuring accessibility across different screen sizes.

Example

<c-quantic-tab-bar light-theme>
  <c-quantic-tab engine-id={engineId} label="Tab 1" expression={expressionOne} is-active></c-quantic-tab>
  <c-quantic-tab engine-id={engineId} label="Tab 2" expression={expressionTwo}></c-quantic-tab>
  <c-quantic-tab engine-id={engineId} label="Tab 3" expression={expressionThree}></c-quantic-tab>
</c-quantic-tab-bar>

Properties

Property Attribute Description Type Default

lightTheme (required)

light-theme

Whether to apply the light theme styles on this component. This property has an impact only in a Salesforce console.

boolean

XML Configuration File Elements

The following XML configuration file elements apply (see XML Configuration File Elements).

Metadata Value

apiVersion

54.0

isExposed

false

Associated Use Cases

This component is also relevant in the following use case: