> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daily.co/llms.txt
> Use this file to discover all available pages before exploring further.

# customTrayButtons()

> Returns the currently configured custom tray buttons for a Daily Prebuilt call.

`customTrayButtons()`

<Badge color="green">{"✓"} Prebuilt</Badge> <Badge color="red">{"✗"} Custom</Badge>

Returns all currently configured custom tray buttons. Each button is keyed by its button ID.

## Return value

Returns a `DailyCustomTrayButtons` object — a map of button ID strings to `DailyCustomTrayButton` objects:

<ResponseField name="iconPath" type="string">
  URL of the button icon in light mode.
</ResponseField>

<ResponseField name="iconPathDarkMode" type="string">
  Optional. URL of the button icon in dark mode.
</ResponseField>

<ResponseField name="label" type="string">
  The button label shown in the tray.
</ResponseField>

<ResponseField name="tooltip" type="string">
  Tooltip text shown on hover.
</ResponseField>

<ResponseField name="visualState" type="string">
  Optional. The button's current visual state: `'default'`, `'active'`, or `'disabled'`.
</ResponseField>

## Example

```javascript theme={null}
const buttons = call.customTrayButtons();

// Check a specific button's state
const raiseHand = buttons['raise-hand'];
if (raiseHand?.visualState === 'active') {
  console.log('Hand is raised');
}
```

```json theme={null}
// Example return value
{
  "customButtonOne": {
    "iconPath": "https://example.com/path/to/icon.svg",
    "iconPathDarkMode": "https://example.com/path/to/darkmode/icon.svg",
    "label": "My Custom Button",
    "tooltip": "My Custom Button Tooltip",
    "visualState": "default"
  },
  "customButtonTwo": {
    "iconPath": "https://example.com/path/to/icon.svg",
    "label": "Another Custom Button",
    "tooltip": "Another Custom Button Tooltip"
  }
}
```

## See also

<CardGroup>
  <Card title="Methods" icon="code" iconType="solid">
    * [updateCustomTrayButtons()](/reference/daily-js/instance-methods/update-custom-tray-buttons)
  </Card>

  <Card title="Events" icon="bolt" iconType="solid">
    * [custom-button-click](/reference/daily-js/events/iframe-ui-events#custom-button-click)
  </Card>

  <Card title="Guides" icon="book-open" iconType="solid">
    * [Custom tray buttons](/docs/prebuilt/customizing-daily-prebuilt#custom-tray-buttons)
  </Card>
</CardGroup>