API Reference@grafana/ui › useStyles

useStyles() function

useStyles() function

Hook for using memoized styles with access to the theme.

NOTE: For memoization to work, you need to ensure that the function you pass in doesn’t change, or only if it needs to. (i.e. declare your style creator outside of a function component or use useCallback().)

Signature

export declare function useStyles<T>(getStyles: (theme: GrafanaTheme) => T): T;

Import

import { useStyles } from '@grafana/ui';

Parameters

Parameter Type Description
getStyles (theme: GrafanaTheme) => T

Returns:

T