CODEWITHSUNDEEP
reactjstabsreact-tabs
Michel
Michel

Reputation: 11753

react-tabs layout on mobile

I am using react-tabs in a NextJS/React app of mine.

The code looking like:

'use client';
.....
import {Tabs,TabList,Tab,TabPanel} from 'react-tabs';
import 'react-tabs/style/react-tabs.css';
.....
return (
  <div className="tab-container">
    <Tabs defaultIndex={tabInit()}>
      <TabList className="tab-list">
        <Tab>...</Tab>
        <Tab>...</Tab>
      </TabList>
      <TabPanel>...</TabPanel>
      <TabPanel>...</TabPanel>
    </Tabs>
  </div>
)

As far as I look at the app on a computer, I am satisfied.

When it comes to a mobile (my phone for example). I find the layout could be much better. Are there some recommendations on how to do to make it also look good on a mobile ?

Of course I would like to keep using react-tabs.

Upvotes: 0

Views: 20

Answers (0)

Related Questions