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

## StyleProps interface

<b>Signature</b>

```typescript
export interface StyleProps 
```
<b>Import</b>

```typescript
import { StyleProps } from '@grafana/ui';
```
<b>Properties</b>

|  Property | Type | Description |
|  --- | --- | --- |
|  [hasIcon](#hasicon-property) | <code>boolean</code> |  |
|  [hasText](#hastext-property) | <code>boolean</code> |  |
|  [size](#size-property) | <code>ComponentSize</code> |  |
|  [theme](#theme-property) | <code>GrafanaTheme</code> |  |
|  [variant](#variant-property) | <code>ButtonVariant</code> |  |

### hasIcon property

<b>Signature</b>

```typescript
hasIcon: boolean;
```

### hasText property

<b>Signature</b>

```typescript
hasText: boolean;
```

### size property

<b>Signature</b>

```typescript
size: ComponentSize;
```

### theme property

<b>Signature</b>

```typescript
theme: GrafanaTheme;
```

### variant property

<b>Signature</b>

```typescript
variant: ButtonVariant;
```