# Creating an action from a button or a link

## Overview

In the Avonni Data Table, it's possible to set a column data type as a button, where the data is displayed as a clickable button. This type of column allows users to trigger actions by clicking on the button, such as opening a related page or performing an action on the associated data. The button column data type provides a clear and intuitive way for users to interact with the data and perform these actions.

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2F1aorxOBEtMfTHDapHUnT%2F2023-03-12_21-28-41.png?alt=media&#x26;token=be250329-beb9-457c-a595-4a6557378908" alt=""><figcaption><p>Final Result</p></figcaption></figure>

## How do I add a button?

* Add a new column&#x20;
* Select **Button** as type
* Enter the button information like the label and name

{% hint style="info" %}

* The label name can be set as the value of a field (by selecting a field name)
* Entering a name value is essential to [set up an action](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel) on that button.
* Set the variant to base if you want to mimic a link
  {% endhint %}

<figure><img src="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2FWV9p07mVo6mizb3488Gp%2F2023-03-12_21-29-55.png?alt=media&#x26;token=39977d0e-d311-4dfc-afcc-28dc35a85a72" alt=""><figcaption></figcaption></figure>

## Create the interaction

Once your button is created, create an interaction by going to the interaction tab.

{% @arcade/embed flowId="4LmJkQXywvEYzc4S3GNG" url="<https://app.arcade.software/share/4LmJkQXywvEYzc4S3GNG>" %}

{% hint style="info" %}
The Avonni Flow Screen Components Library [provides a range of interaction actions](https://docs.avonnicomponents.com/flow/component-builder/interactions-panel) to enhance your projects' functionality and user experience.
{% endhint %}