Components
Loading preview...
This is table with filder and sorting
@shailendrakumar19999
npx shadcn@latest add https://21st.dev/r/shailendrakumar19999/tableimport React from 'react';
import { createTheme, ThemeProvider } from '@mui/material/styles';
import { BasicTable } from "@/components/ui/table";
export default function DemoOne() {
const [dark, setDark] = React.useState(
() => document.documentElement.classList.contains('dark') // initial read
);
React.useEffect(() => {
// keep Tailwind dark class in sync
document.documentElement.classList.toggle('dark', dark);
}, [dark]);
const theme = React.useMemo(
() =>
createTheme({
palette: {
mode: dark ? 'dark' : 'light',
},
}),
[dark]
);
return <ThemeProvider theme={theme} className="w-full">
<BasicTable />
</ThemeProvider>
}