Where are the tabs for the tab content?

I see the tab content object in component library, but I don’t see where you get the tabs.
image
This inserts the tab contents for 3 sample tabs and shows the content of the first one, but there are no tabs.


How do I define the tabs that control what tab is shown?

image

Look for the Tabs with Nav component

Or you can use any button on the page or nav link and use the action toggle to control the tabs:

Screenshot 2021-08-03 at 18.51.42

I tried that @Teodor but can’t get it to work. Is there anything else that needs to be set?

Go to: https://cam-testing.azurewebsites.net/orders
And click on any of the rows to see my setup.

Put the buttons inside a div with class=“nav nav-tabs”
e.g.

<div class="nav nav-tabs">
    <button id="btn1" class="btn" data-bs-toggle="tab" data-bs-target="#tabContent1_1" is="dmx-button" value="" type="button">Tab 1</button>
    <button id="btn2" class="btn active" data-bs-toggle="tab" data-bs-target="#tabContent1_2" is="dmx-button" value="" type="button">Tab 2</button>
    <button id="btn3" class="btn" data-bs-toggle="tab" data-bs-target="#tabContent1_3" is="dmx-button" value="" type="button">Tab 3</button>
</div>