# Buttons

<figure><img src="https://173909500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0N6Z0S4WrQXdKcSySDhW%2Fuploads%2F5eLHaXP4I47sb9kzMwe3%2Ftogg.png?alt=media&#x26;token=f8d46782-46d4-4266-b690-ceb4b3ae84f0" 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="https://173909500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0N6Z0S4WrQXdKcSySDhW%2Fuploads%2FGvQkNJM1VVqTi8bv69u2%2Fdef.png?alt=media&#x26;token=87729d2b-8517-4822-91aa-4169e1627098" alt=""><figcaption></figcaption></figure>

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

### Primary

<figure><img src="https://173909500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0N6Z0S4WrQXdKcSySDhW%2Fuploads%2FYcl3dYnYOnokKixgVwVZ%2Fprim.png?alt=media&#x26;token=ccd2b72a-480f-4125-9ad0-85111df9a6d3" 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="https://173909500-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F0N6Z0S4WrQXdKcSySDhW%2Fuploads%2FJdMFZ6rAtxQz92usZv8S%2Fdis.png?alt=media&#x26;token=9a5ce8bf-5595-472f-a427-e6a69abfbc3f" alt=""><figcaption></figcaption></figure>

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