+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "useStyles"
keywords = ["grafana","documentation","sdk","@grafana/ui"]
type = "docs"
+++

## useStyles variable

### useStyles variable

Hook for using memoized styles with access to the theme.

<b>Signature</b>

```typescript
useStyles: (getStyles: (theme?: GrafanaTheme | undefined) => any) => any
```
<b>Import</b>

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