Important: This documentation is about an older version. It's relevant only to the release noted, many of the features and functions have been updated or replaced. Please view the current version.

Documentation Grafana documentation 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

typescript Copy

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

Import

typescript Copy

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

Parameters

Returns:

T