useCssVar

utilities

test coverage

Last changed: last month

Hook that returns the value of a css variable

import { useCssVar } from '@siberiacancode/reactuse';

Usage

const { ref, value, set } = useCssVar('--color', 'red');
// or
const { value, set } = useCssVar(ref, '--color', 'red');

Demo

source

Api

Parameters

Name	Type	Default	Note
key	string	-	The CSS variable key
initialValue	string	-	The initial value of the CSS variable

Returns

UseCssVarReturn & { ref: StateRef<Element> }

Parameters

Name	Type	Default	Note
target	HookTarget	-	The target element
key	string	-	The CSS variable key
initialValue	string	-	The initial value of the CSS variable

Returns

UseCssVarReturn

Source

Source • Demo

Contributors

debabin