> For the complete documentation index, see [llms.txt](https://docs.agora.foundation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.agora.foundation/tokens/buttons.md).

# Buttons

<figure><img src="/files/Ob1EZzxrjWvy6BTd356A" alt=""><figcaption></figcaption></figure>

## Toggle Buttons

```swift
ToggleButton(
foregroundColor: Color("blackLD"),
backgroundColor: Color("lightGreyLD"),
iconName: "name=eye, size=small, outlined=no",
size: 18
)

```

```swift
CustomBackButton()

CustomXButton()
```

## Large Buttons

### Default

<figure><img src="/files/7Rb2uzKodyXuKQ95taYd" alt=""><figcaption></figcaption></figure>

```swift
LargeButton(state: .default, action: {
                print("Default Button Tapped")
            }) {
                Text("Default")
            }
```

### Primary

<figure><img src="/files/W8jIotACA9vCbi7kT8AA" alt=""><figcaption></figcaption></figure>

<pre class="language-swift"><code class="lang-swift">LargeButton(state: .primary, action: {
                print("Primary Button Tapped")
            }) {
                Text("Primary")
<strong>            }
</strong></code></pre>

### Disabled

<figure><img src="/files/QtaBuykTdMM8GsahfEii" alt=""><figcaption></figcaption></figure>

```swift
LargeButton(state: .disabled, action: {
                print("Disabled Button Tapped")
            }) {
                Text("Disabled")
            }
```