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
29 lines
807 B
TypeScript
29 lines
807 B
TypeScript
import Tabs from '@mui/joy/Tabs';
|
|
import TabList from '@mui/joy/TabList';
|
|
import Tab, { tabClasses } from '@mui/joy/Tab';
|
|
|
|
export default function TabsSegmentedControls() {
|
|
return (
|
|
<Tabs aria-label="tabs" defaultValue={0} sx={{ bgcolor: 'transparent' }}>
|
|
<TabList
|
|
disableUnderline
|
|
sx={{
|
|
p: 0.5,
|
|
gap: 0.5,
|
|
borderRadius: 'xl',
|
|
bgcolor: 'background.level1',
|
|
[`& .${tabClasses.root}[aria-selected="true"]`]: {
|
|
boxShadow: 'sm',
|
|
bgcolor: 'background.surface',
|
|
},
|
|
}}
|
|
>
|
|
<Tab disableIndicator>Feature</Tab>
|
|
<Tab disableIndicator>Specifications</Tab>
|
|
<Tab disableIndicator>Review</Tab>
|
|
<Tab disableIndicator>Support</Tab>
|
|
</TabList>
|
|
</Tabs>
|
|
);
|
|
}
|