---
url: "https://vueda.dev/v3/reference/api/js/controls/button/buttonVariant/functions/resolveButtonVariant.md"
title: "resolveButtonVariant"
---

# resolveButtonVariant

## Overview

Folds the explicit `tone` / `emphasis` props into a single resolved cell. With
nothing set, falls back to DEFAULT_VARIANT.

## Signature

`resolveButtonVariant(props)`

### Parameters

| Name | Type | Required | Description |
| --- | --- | --- | --- |
| <span id="param-props">props</span> | `object` | no | The button's tone and emphasis props. |

#### props Properties

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="param-props-emphasis">emphasis</span> | `ButtonEmphasis` |  |  | Explicit emphasis axis. |
| <span id="param-props-tone">tone</span> | `ButtonTone` |  |  | Explicit tone axis. |

### Returns

[ResolvedButtonVariant](/v3/reference/api/js/controls/button/buttonVariant/types/ResolvedButtonVariant.md)

The resolved tone, emphasis, primitive key, and inline flag.

## Source

`client/lib/controls/button/buttonVariant.js:71`