Theme toggle button component
Renders a button with moon icon that toggles between light and dark themes when clicked. Uses the global theme helper to manage theme state.
React component with theme toggle functionality
export default function ToggleTheme() { return ( <Button onClick={toggleTheme} size="icon"> <Moon size={16} /> </Button> );} Copy
export default function ToggleTheme() { return ( <Button onClick={toggleTheme} size="icon"> <Moon size={16} /> </Button> );}
Theme toggle button component
Renders a button with moon icon that toggles between light and dark themes when clicked. Uses the global theme helper to manage theme state.