CODEWITHSUNDEEP
ionic-frameworkionic4
Fabio Milheiro
Fabio Milheiro

Reputation: 8474

Implement regular tab with ion-tabs

Is it possible to implement regular tabs with ion-tabs?

I mean like in a desktop app:

Stuff above the tabs

Tabs 1 | Tab 2 | (white space covering the rest of the row) Contents

Stuff below the tabs

Upvotes: 1

Views: 210

Answers (1)

Perfect Square
Perfect Square

Reputation: 1418

Yes, it is definitely possible but there is slight twist in naming in Ionic.

What you are looking for are called segments (which are basically tabs inside one page in contrary to "ionic tabs" which are separate pages). As per documentation:

A Segment is a group of buttons, sometimes known as Segmented Controls, that allow the user to interact with a compact group of a number of controls. Segments provide functionality similar to tabs, selecting one will unselect all others. You should use a tab bar instead of a segmented control when you want to let the user move back and forth between distinct pages in your app.

https://ionicframework.com/docs/api/components/segment/Segment/

Upvotes: 2

Related Questions