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.
Asked: 2022-05-01 11:00:00 +0000
Seen: 12 times
Last updated: Feb 16 '22