Components
Starting preview...
@haydenbleasel
npx shadcn@latest add https://21st.dev/r/haydenbleasel/theme-switcherimport { ThemeSwitcher } from "@/components/ui/theme-switcher"
import { useState } from 'react';
const Demo = () => {
const [theme, setTheme] = useState('system');
return (
<div
className={[
'p-24 flex items-center justify-center',
theme === 'dark' && 'dark bg-black',
].join(' ')}
>
<ThemeSwitcher value={theme} onChange={setTheme} />
</div>
)
}
export default { Demo }