Tabbed component


I would like to use tabs within one component, without navigating between different pages.
I would like something like Tabs in React-Bootstrap and Tabs in React Material UI.
However, as far as I have seen IonTabs require IonRouterOutlet and therefore, tabs are navigated to a different page.

Is it possible to create a tabbed component using Ionic?

You’re probably looking for ion-segment:

Segments display a group of related buttons, sometimes known as segmented controls, in a horizontal row. They can be displayed inside of a toolbar or the main content.

Their functionality is similar to tabs, where selecting one will deselect all others. Segments are useful for toggling between different views inside of the content. Tabs should be used instead of a segment when clicking on a control should navigate between pages.