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>
<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>
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: