1.0.0 • Published 2 years ago
rescript-use-dark-mode v1.0.0
rescript-use-dark-mode
ReScript bindings for use-dark-mode
Installation
Install package:
$ yarn add rescript-use-dark-mode
// OR
$ npm i rescript-use-dark-mode
Then add rescript-use-dark-mode
to your bsconfig.json
's bs-dependencies
{
"bs-dependencies": [
"@rescript/react",
+ "rescript-use-dark-mode"
],
}
Usage
let darkMode = DarkMode.use(. None, None);
// or with default value
let darkMode = DarkMode.use(. Some(false), None);
// or with default value and config
let config: DarkMode.config = {
classNameDark: Some("dark"),
classNameLight: Some("light"),
// and so on
}
let darkMode = DarkMode.use(. Some(false), Some(config));
// in react component
let onClick= (_: ReactEvent.Mouse.t) => {
darkMode.toggle();
}
let currentTheme = switch darkMode.value {
| true => React.string(`dark`)
| false => React.string(`light`)
}
<Button onClick>currentTheme</Button>
1.0.0
2 years ago