---
title: TLUiButtonProps
status: published
category: ui
group: Interface
author: api
date: 06/23/2023
order: 20
---<Small>Public Interface</Small>

<details>
	<summary>Table of Contents</summary>
- [Properties](#properties)
  - [disabled](#TLUiButtonProps-disabled-member)
  - [icon](#TLUiButtonProps-icon-member)
  - [iconLeft](#TLUiButtonProps-iconLeft-member)
  - [invertIcon](#TLUiButtonProps-invertIcon-member)
  - [isChecked](#TLUiButtonProps-isChecked-member)
  - [kbd](#TLUiButtonProps-kbd-member)
  - [label](#TLUiButtonProps-label-member)
  - [loading](#TLUiButtonProps-loading-member)
  - [smallIcon](#TLUiButtonProps-smallIcon-member)
  - [spinner](#TLUiButtonProps-spinner-member)
  - [type](#TLUiButtonProps-type-member)
</details>




##### Signature


```ts
interface TLUiButtonProps extends React.HTMLAttributes<HTMLButtonElement> {}
```

---

## Properties

### `disabled` \{#TLUiButtonProps-disabled-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
disabled?: boolean
```

---

### `icon` \{#TLUiButtonProps-icon-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
icon?: TLUiIconType
```

##### References

[TLUiIconType](/gen/ui/TLUiIconType-type)

---

### `iconLeft` \{#TLUiButtonProps-iconLeft-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
iconLeft?: TLUiIconType
```

##### References

[TLUiIconType](/gen/ui/TLUiIconType-type)

---

### `invertIcon` \{#TLUiButtonProps-invertIcon-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
invertIcon?: boolean
```

---

### `isChecked` \{#TLUiButtonProps-isChecked-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
isChecked?: boolean
```

---

### `kbd` \{#TLUiButtonProps-kbd-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
kbd?: string
```

---

### `label` \{#TLUiButtonProps-label-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
label?: TLUiTranslationKey
```

##### References

[TLUiTranslationKey](/gen/ui/TLUiTranslationKey-type)

---

### `loading` \{#TLUiButtonProps-loading-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
loading?: boolean
```

---

### `smallIcon` \{#TLUiButtonProps-smallIcon-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
smallIcon?: boolean
```

---

### `spinner` \{#TLUiButtonProps-spinner-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
spinner?: boolean
```

---

### `type` \{#TLUiButtonProps-type-member}

<Small>Public PropertySignature</Small>

##### Signature


```ts
type?: 'danger' | 'normal' | 'primary'
```

---