# Toolbar

## Content

# Namespace: Toolbar

## Table of contents

### Classes

- [Toolbar](../classes/Toolbar.Toolbar-1)

### Type aliases

- [ToolbarItem](Toolbar#toolbaritem)
- [ToolbarLayout](Toolbar#toolbarlayout)

## Type aliases

### ToolbarItem

Ƭ **ToolbarItem**: `Object`

Defines the toolbar item settings and behavior.

#### Type declaration

| Name | Type |
| :------ | :------ |
| `checked?` | `boolean` |
| `enabled?` | `boolean` |
| `icon?` | `Icon` |
| `iconCssClass?` | `string` |
| `key` | `string` |
| `text?` | `string` |
| `title?` | `string` |
| `action?` | (`curr?`: [`ToolbarItem`](Toolbar#toolbaritem)) => `void` \| `Partial`<[`ToolbarItem`](Toolbar#toolbaritem)\> |
| `onUpdate?` | (`args`: `ChangedEventArgs`, `curr`: [`ToolbarItem`](Toolbar#toolbaritem)) => `void` \| `Partial`<[`ToolbarItem`](Toolbar#toolbaritem)\> |

#### Defined in

node_modules/@grapecity/ar-js-viewer/dist/ar-js-viewer.d.ts:1743

___

### ToolbarLayout

Ƭ **ToolbarLayout**: `Object`

Describes the toolbar items layout (order and visibility) for different view models.

#### Type declaration

| Name | Type | Description |
| :------ | :------ | :------ |
| `default?` | `string`[] | Default (desktop) view mode. Also applied when other modes are not specified. |
| `fullscreen?` | `string`[] | The layout for the full-screen mode. |
| `mobile?` | `string`[] | The toolbar layout for mobile devices. |

#### Defined in

node_modules/@grapecity/ar-js-viewer/dist/ar-js-viewer.d.ts:1758