Skip to content
Original file line number Diff line number Diff line change
Expand Up @@ -15,14 +15,14 @@ export default function transformer(file, api, options) {
packageName: options.packageName,
componentName: 'Tabs',
propName: 'ScrollButtonComponent',
slotName: 'scrollButton',
slotName: 'scrollButtons',
});
movePropIntoSlotProps(j, {
root,
packageName: options.packageName,
componentName: 'Tabs',
propName: 'TabScrollButtonProps',
slotName: 'scrollButton',
slotName: 'scrollButtons',
});

movePropIntoSlotProps(j, {
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,19 @@ import { Tabs as MyTabs } from '@mui/material';

<Tabs
slots={{
scrollButton: CustomScrollButton
scrollButtons: CustomScrollButton
}}
slotProps={{
scrollButton: { disableRipple: true },
scrollButtons: { disableRipple: true },
indicator: { className: 'indicator' }
}} />;

<MyTabs
slots={{
scrollButton: CustomScrollButton
scrollButtons: CustomScrollButton
}}
slotProps={{
scrollButton: { disableRipple: true },
scrollButtons: { disableRipple: true },
indicator: { className: 'indicator' }
}} />;

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,19 @@ import { Tabs as MyTabs } from '@org/ui/material';

<Tabs
slots={{
scrollButton: CustomScrollButton
scrollButtons: CustomScrollButton
}}
slotProps={{
scrollButton: { disableRipple: true },
scrollButtons: { disableRipple: true },
indicator: { className: 'indicator' }
}} />;

<MyTabs
slots={{
scrollButton: CustomScrollButton
scrollButtons: CustomScrollButton
}}
slotProps={{
scrollButton: { disableRipple: true },
scrollButtons: { disableRipple: true },
indicator: { className: 'indicator' }
}} />;

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ fn({
MuiTabs: {
defaultProps: {
slots: {
scrollButton: CustomScrollButton
scrollButtons: CustomScrollButton
},

slotProps: {
scrollButton: { disableRipple: true },
scrollButtons: { disableRipple: true },
indicator: { className: 'indicator' }
}
},
Expand Down
Loading