Ask Your Question
2

In React using Material UI tabs, what is the method to show the initial tab?

asked 2022-05-01 11:00:00 +0000

scrum gravatar image

edit retag flag offensive close merge delete

1 Answer

Sort by ยป oldest newest most voted
1

answered 2022-02-16 12:00:00 +0000

woof gravatar image

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.

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss

Add Answer


Question Tools

Stats

Asked: 2022-05-01 11:00:00 +0000

Seen: 12 times

Last updated: Feb 16 '22