theme
Returns the currently active theme.
Hook
useTheme
The useTheme hook provides an easy way to read, update and toggle the active application theme.
Import
import { useTheme } from "@shivms/ui";setTheme
Updates the current application theme.
toggleTheme
Switches between light and dark themes.
Basic Usage
Import the hook and use it inside your React component.
import {
Button,
useTheme,
} from "@shivms/ui";
export default function App() {
const {
theme,
toggleTheme,
} = useTheme();
return (
<Button onClick={toggleTheme}>
Current Theme: {theme}
</Button>
);
}Features
01
Read Theme
Access the current application theme.
02
Update Theme
Change the active theme programmatically.
03
Toggle Theme
Switch between light and dark mode with one function.
Continue Reading
Explore more SHIVMS UI documentation and guides.
Learn what SHIVMS UI is and how to begin.
Install the library into your project.
Reusable React hooks for state, themes and responsiveness.
Use built-in icons throughout your application.
Configure light and dark themes.
Reusable helper functions for everyday development.
Build accessible user interfaces.
Customize colors, spacing and components.
See what's new in each release.