14 lines
435 B
TypeScript
14 lines
435 B
TypeScript
import { Button, Group, useMantineColorScheme } from '@mantine/core';
|
|
|
|
export function ColorSchemeToggle() {
|
|
const { setColorScheme } = useMantineColorScheme();
|
|
|
|
return (
|
|
<Group justify="center" mt="xl">
|
|
<Button onClick={() => setColorScheme('light')}>Light</Button>
|
|
<Button onClick={() => setColorScheme('dark')}>Dark</Button>
|
|
<Button onClick={() => setColorScheme('auto')}>Auto</Button>
|
|
</Group>
|
|
);
|
|
}
|