When using the Tabs component, there is no line break on the mobile phone

[a74559774]

Description

When using the Tabs component, there is no line break on the mobile phone ![Uploading 20240611142922.png…]()

[benjamincanac]

Can you elaborate? Your screenshot hasn't been uploaded. Would you mind providing a reproduction?

[a74559774]

Can you elaborate? Your screenshot hasn't been uploaded. Would you mind providing a reproduction?

[benjamincanac]

So you're talking about the prose component Tabs from Nuxt UI Pro?

[a74559774]

So you're talking about the prose component Tabs from Nuxt UI Pro?

Yes

[benjamincanac]

Are you in a fork of the @nuxt/ui documentation? If so, it's not related to the Tabs component but instead our custom ComponentExample component that misses an overflow-x-auto.

[a74559774]

Are you in a fork of the @nuxt/ui documentation? If so, it's not related to the Tabs component but instead our custom ComponentExample component that misses an overflow-x-auto.

When I use the ContentRenderer component, how do I customize overflow-x-auto to the Tabs component?

{"type":"root","children":[

{"type":"element","tag":"tabs","props":{},"children":[

{"type":"element","tag": "div","props": {"label": "One"},"children":[{"type":"text","value":"One"}],
{"type":"element","tag": "div","props": {"label": "Two"},"children":[{"type":"text","value":"Two"}],
{"type":"element","tag": "div","props": {"label": "Three"},"children":[{"type":"text","value":"Three"}],
{"type":"element","tag": "div","props": {"label": "Four"},"children":[{"type":"text","value":"Four"}],
{"type":"element","tag": "div","props": {"label": "Five"},"children":[{"type":"text","value":"Five"}],
{"type":"element","tag": "div","props": {"label": "Six"},"children":[{"type":"text","value":"Six"}],
{"type":"element","tag": "div","props": {"label": "Seven"},"children":[{"type":"text","value":"Seven"}],

]}

],"toc":{}}