> This page is for Glide Classic.

> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://www.glideapps.com/docs/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://www.glideapps.com/docs/_mcp/server.

# Button

> Use buttons to trigger actions in your apps.

#### Button Component - Arcade 1

Buttons can be configured to trigger different [Actions](/docs/automation/actions) when your users tap or click on them.

The **Button** (or **Button Block**) component allows you to add one or more buttons in a horizontal or vertical layout.

## Adding and Configuring the Button Component

#### Button Component - Arcade 2

In the [Layout Editor](/docs/getting-started/intro-to-layout), select the tab you want to edit.

Click on the plus (+) symbol in the [Components](/docs/essentials/components) panel and add the **Button** component.

Select the **Style** for your button. You can choose **Basic**, **Minimal**, or **Tiles**.

Select the **Width** of your button. **Auto** will adjust the button's width depending on the length of the label. **Wide** will give your button extra padding even if the label is short.

Choosing **Accent** will add an accent to your button and button title. The **Accent** option is only available for **Basic** and **Minimal** styles.

You can also select between **Show** and **Hide** for the label on your Button component.

## Using Actions with Buttons

You can include multiple buttons by adding more actions to the component. Inside each action, **Title** fields act as each button's label.