# SnapOdds as Button

The button can be integrated using one of the following three layouts.

{% tabs %}
{% tab title="Header" %}
![](https://803820088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FurmgvfbEaXftR3iEVP1j%2Fuploads%2Fl7je9bovltpnmwqNyIUZ%2FButton%20Mockup%20iPhone__Header.svg?alt=media\&token=99b2b349-90af-425a-ad08-a82749c904b0)
{% endtab %}

{% tab title="Tabbar" %}
![](https://803820088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FurmgvfbEaXftR3iEVP1j%2Fuploads%2FwR16qk7jWHvoOCU5hCnb%2FButton%20Mockup%20iPhone__Tabbar.svg?alt=media\&token=de681f7a-4190-4cbc-8e0b-0e45480638e5)
{% endtab %}

{% tab title="Floating" %}
![](https://803820088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FurmgvfbEaXftR3iEVP1j%2Fuploads%2FwhoPn6pkynSp3eSwpJZC%2FButton%20Mockup%20iPhone__Floating.svg?alt=media\&token=24d96bdd-a4f5-44bf-bee3-ddd8416ab8ed)
{% endtab %}
{% endtabs %}

### Examples

* Button in App Header
* Action in Main Menu
* Action in Tab Bar
* Floating Button

### Benefits

* Enable action from anywhere
* Provide fast and easy access

## Button Design

![](https://803820088-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FurmgvfbEaXftR3iEVP1j%2Fuploads%2FwIhp55WAYYjIMKLt64q0%2FButton%20Guide.svg?alt=media\&token=c654e1b7-dde2-4afb-9be6-e313dd73359c)

#### For Accessibility and SEO

Add **aria-label** to the button with a descriptive action text e.g. **"Snap TV for Odds"**