Any way of having "inline tabs" in ion-content like in the screenshot shown

Ionic Framework Ionic Angular
1

Hey guys,

is there any way how I could use the tab component inline (in ion-content) - not being push to bottom or top. Please have a look at the attached screenshot. I need this feature, i.g. if the device is an IPad/Tablet and/or Desktop.

Thanks in advance,
Oliver

Screenshot 2021-12-21 at 10.27.01
Screenshot 2021-12-21 at 10.27.011499×427 29.4 KB

2

You can use ion-segment component with mode=“md”.

1 Like
3

But I don not want it to be stretched to full width…

4

You should use ion-segments.
Regarding the width you can control it via CSS

5

Works perfect - I have a custom class for desktop segments now and the regular style for mobile devices.