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
Related Grafana video resources
Getting started with Grafana
Take a guided tour of Grafana and learn how to monitor a web service using Prometheus and Loki in this beginner-friendly webinar.
All about Grafana plugins: Visualizing disparate data sources in one place
Grafana Enterprise plugins are integrations with other commercial monitoring tools (such as Datadog, Splunk, New Relic, ServiceNow, Oracle, and Dynatrace) that are created, maintained, and supported by the Grafana Labs team.
Demo: Getting started with Grafana Enterprise and observability
Join the Grafana Labs team for a 30-minute demo of how to get started with the Grafana Stack, so you can go from zero to observability in just a few minutes.
