# Button Styling

Match the uploader button to your brand and style with the below fields.

<figure><img src="https://2719894295-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM5I01SSNJZOVxD5Hqnlo%2Fuploads%2FsCWe9VhQU4pVspUUSZ8u%2FButton%20Styling.png?alt=media&#x26;token=59f763c9-6e3e-4ca9-a4f0-93285526588c" alt="" width="375"><figcaption></figcaption></figure>

## Attributes

### Color Scheme

The text displayed within the button, which indicates the button's action or purpose.

**Default:** `Upload files`

***

### Font Color

Defines the color of the text on the button. Use this to ensure clarity and visibility.

**Default:** `#000000`

**Allowed Values:** Any valid hex color code

***

### Background Color

Specifies the button's background color. Choose a color that complements the font color for readability.

**Default:** `#FFFFFF`

**Allowed Values:** Any valid hex color code

***

### Hover Color

The color the button changes to when hovered over by a cursor. Helps indicate interactivity.

**Default:** `#000000` at `10%`

**Allowed Values:** Any valid hex color code

***

### Border Color

Sets the color of the button's border, which can emphasize or subtly outline the button.

**Default:** `#000000`

**Allowed Values:** Any valid hex color code

***

### Border Width

Determines the thickness of the button's border. Adjust to change emphasis or style.

**Default:** `1`

**Allowed Values:** `numeric`

***

### Border Radius

Controls the roundness of the button's corners. A higher value creates more rounded corners.

**Default:** `6`

**Allowed Values:** `numeric`

***

### Border Style

Defines the design of the button's border, providing various visual effects.

**Default:** `solid`

**Allowed Values:** `none`, `hidden`, `dotted`, `dashed`, `solid`, `double`, `groove`, `ridge`, `inset`, `outset`

***

### Disable Uploader

When enabled, this setting prevents any image uploads, effectively disabling the button's primary action.

**Default:** `false`

**Allowed Values:** `true`, `false`

***

### Disabled Background Color

Defines the button's background color when it's in a disabled state, indicating non-interactivity.

**Default:** `blank`

**Allowed Values:** Any valid hex color code

***

### Disabled Border Color

Sets the border color when the button is disabled, maintaining consistency with the disabled appearance.

**Default:** `blank`

**Allowed Values:** Any valid hex color code