@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 816 B
JavaScript
import r from"@mui/material/Tabs";import{styled as a}from"@mui/material/styles";const t=a(r)((({theme:r})=>({minHeight:40,margin:-4,"& .MuiTabs-fixed":{"& .MuiTabs-flexContainer":{flexWrap:"wrap"}},"& .MuiTab-root":{color:r.vars.palette.text.primary,...r.applyStyles("dark",{color:r.vars.palette.text.primary}),margin:4,"&.Mui-selected":{color:r.vars.palette.primary.contrastText,fontWeight:700,backgroundColor:r.vars.palette.primary.light,"&:hover":{backgroundColor:r.vars.palette.primary.main},...r.applyStyles("dark",{backgroundColor:r.vars.palette.primary.main,color:r.vars.palette.primary.contrastText,"&:hover":{backgroundColor:r.vars.palette.primary.dark}})},"&:hover":{backgroundColor:r.vars.palette.action.hover}},"& .MuiTabs-indicator":{backgroundColor:"transparent"}})));export{t as ButtonTabsComponent};