Update experiment

mui · Sep 13, 2023 · b2a1c21 · b2a1c21
1 parent dc398a4
commit b2a1c21
Showing 1 changed file with 2 additions and 64 deletions.
diff --git a/docs/pages/experiments/material/button-select.tsx b/docs/pages/experiments/material/button-select.tsx
@@ -1,10 +1,5 @@
+/* eslint-disable no-console */
 import * as React from 'react';
-import { Button as BaseUIButton } from '@mui/base';
-import {
-  Button as JoyUIButton,
-  CssVarsProvider as JoyCssVarsProvider,
-  extendTheme as joyExtendTheme,
-} from '@mui/joy';
 import {
   FormControlLabel,
   Button as MaterialUIButton,
@@ -17,8 +12,6 @@ import { Stack } from '@mui/system';
 function createHandlers(name: string) {
   return {
     onClick: () => console.log(`${name} click`),
-    onMouseDown: () => console.log(`${name} mouse down`),
-    onMouseUp: () => console.log(`${name} mouse up`),
   };
 }
 
@@ -44,6 +37,7 @@ export default function App() {
             </Stack>
             <Stack alignItems="flex-start">
               <span>Native anchor</span>
+              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
               <a href="#" {...createHandlers('Native anchor')}>
                 Anchor
               </a>
@@ -54,62 +48,6 @@ export default function App() {
             </Stack>
           </Stack>
 
-          {/* <Stack gap={3}>
-        <Stack alignItems="flex-start">
-          <span>Enabled Base UI button</span>
-          <BaseUIButton {...createHandlers('Enabled Base UI')}>Button</BaseUIButton>
-        </Stack>
-        <Stack alignItems="flex-start">
-          <span>Disabled Base UI button</span>
-          <BaseUIButton disabled {...createHandlers('Disabled Base UI')}>
-            Button
-          </BaseUIButton>
-        </Stack>
-        <Stack alignItems="flex-start">
-          <span>Enabled Base UI button as div</span>
-          <BaseUIButton slots={{ root: 'div' }} {...createHandlers('Enabled Base UI as div')}>
-            Button
-          </BaseUIButton>
-        </Stack>
-        <Stack alignItems="flex-start">
-          <span>Disabled Base UI button as div</span>
-          <BaseUIButton
-            slots={{ root: 'div' }}
-            disabled
-            {...createHandlers('Disabled Base UI as div')}
-          >
-            Button
-          </BaseUIButton>
-        </Stack>
-      </Stack>
-
-      <Stack gap={3}>
-        <JoyCssVarsProvider theme={joyExtendTheme({})}>
-          <Stack alignItems="flex-start">
-            <span>Enabled Joy UI button</span>
-            <JoyUIButton {...createHandlers('Enabled Joy UI')}>Button</JoyUIButton>
-          </Stack>
-          <Stack alignItems="flex-start">
-            <span>Disabled Joy UI button</span>
-            <JoyUIButton disabled {...createHandlers('Disabled Joy UI')}>
-              Button
-            </JoyUIButton>
-          </Stack>
-          <Stack alignItems="flex-start">
-            <span>Enabled Joy UI button as div</span>
-            <JoyUIButton component="div" {...createHandlers('Enabled Joy UI as div')}>
-              Button
-            </JoyUIButton>
-          </Stack>
-          <Stack alignItems="flex-start">
-            <span>Disabled Joy UI button as div</span>
-            <JoyUIButton component="div" disabled {...createHandlers('Disabled Joy UI as div')}>
-              Button
-            </JoyUIButton>
-          </Stack>
-        </JoyCssVarsProvider>
-      </Stack> */}
-
           <Stack gap={3}>
             <Stack alignItems="flex-start">
               <span>Material UI button</span>