005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
38 lines
1011 B
TypeScript
38 lines
1011 B
TypeScript
import Tabs from '@mui/joy/Tabs';
|
|
import TabList from '@mui/joy/TabList';
|
|
import Tab from '@mui/joy/Tab';
|
|
import TabPanel from '@mui/joy/TabPanel';
|
|
|
|
export default function TabsIndicatorPlacement() {
|
|
return (
|
|
<Tabs defaultValue="top">
|
|
<TabList underlinePlacement="bottom">
|
|
<Tab value="top" indicatorPlacement="top">
|
|
Top
|
|
</Tab>
|
|
<Tab value="right" indicatorPlacement="right">
|
|
Right
|
|
</Tab>
|
|
<Tab value="bottom" indicatorPlacement="bottom">
|
|
Bottom
|
|
</Tab>
|
|
<Tab value="left" indicatorPlacement="left">
|
|
Left
|
|
</Tab>
|
|
</TabList>
|
|
<TabPanel value="top">
|
|
IndicatorPlacement <b>Top</b>
|
|
</TabPanel>
|
|
<TabPanel value="right">
|
|
IndicatorPlacement <b>Right</b>
|
|
</TabPanel>
|
|
<TabPanel value="bottom">
|
|
IndicatorPlacement <b>Bottom</b>
|
|
</TabPanel>
|
|
<TabPanel value="left">
|
|
IndicatorPlacement <b>Left</b>
|
|
</TabPanel>
|
|
</Tabs>
|
|
);
|
|
}
|