QuanticTabBar
QuanticTabBar
In this article
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 |
---|---|---|---|---|
|
|
Whether to apply the light theme styles on this component. This property has an impact only in a Salesforce console. |
|
XML Configuration File Elements
The following XML configuration file elements apply (see XML Configuration File Elements).
Metadata | Value |
---|---|
|
|
|
|
Associated Use Cases
This component is also relevant in the following use case: