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

## getFormStyles variable

### getFormStyles variable

<b>Signature</b>

```typescript
getFormStyles: (theme: GrafanaTheme, options: {
    variant: ButtonVariant;
    size: ComponentSize;
    invalid: boolean;
}) => {
    label: {
        label: string;
        labelContent: string;
        description: string;
        categories: string;
        chevron: string;
    };
    legend: {
        legend: string;
    };
    fieldValidationMessage: {
        fieldValidationMessage: string;
        fieldValidationMessageIcon: string;
    };
    button: {
        button: string;
        iconButton: string;
        iconWrap: string;
    };
    input: {
        wrapper: string;
        inputWrapper: string;
        input: string;
        inputDisabled: string;
        addon: string;
        prefix: string;
        suffix: string;
        loadingIndicator: string;
    };
    switch: {
        switch: string;
    };
    checkbox: {
        label: string;
        description: string;
        wrapper: string;
        input: string;
        checkmark: string;
    };
}
```
<b>Import</b>

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