QuanticTabBar

The QuanticTabBar component displays the Quantic Tabs in a responsive manner. When tabs are wider than the available space, the tabs that cannot fit in the space are moved in the "More" dropdown list.

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: