Revision history [back]

In Material UI tabs, the initial tab can be set by setting the value prop of the Tabs component to the index of the tab to be selected. For example:

import React, { useState } from 'react';
import { Tabs, Tab } from '@material-ui/core';

function MyTabs() {
  const [value, setValue] = useState(0); // set initial tab to index 0

  const handleTabChange = (event, newValue) => {
    setValue(newValue);
  };

  return (
    <Tabs value={value} onChange={handleTabChange}>
      <Tab label="Tab 1" />
      <Tab label="Tab 2" />
      <Tab label="Tab 3" />
    </Tabs>
  );
}

export default MyTabs;

In this example, the initial tab is set to the first tab (index 0). When the user clicks on a different tab, the handleTabChange function updates the value state to the index of the new tab.