<!-- start-dynamic-structural-directives-content -->
<!-- IMPORTANT: This table is not generated automatically. -->

## Structural Directives

With these kind of directives you can replace the default **ToolbarComponent** with your own component. You can also add your own components to the default ones.

|  **Directive**  |      **Reference**       |
| :-------------: | :----------------------: |
| **\*ovToolbar** | [ToolbarDirective](../directives/ToolbarDirective.html) |

It is also providing us a way to **add additional buttons** to the default toolbar.
It will recognise the following directive in a child element.

|             **Directive**             |                 **Reference**                  |
| :-----------------------------------: | :--------------------------------------------: |
|   **\*ovToolbarAdditionalButtons**    |   [ToolbarAdditionalButtonsDirective](../directives/ToolbarAdditionalButtonsDirective.html)    |
| **\*ovToolbarAdditionalPanelButtons** | [ToolbarAdditionalPanelButtonsDirective](../directives/ToolbarAdditionalPanelButtonsDirective.html) |

<!-- end-dynamic-structural-directives-content -->

## API Directives
With the following directives you can modify the default User Interface with the aim of fully customizing your videoconference application.

<!-- start-dynamic-api-directives-content -->
| **Parameter** | **Type** | **Reference** | 
|:--------------------------------: | :-------: | :---------------------------------------------: |
| **screenshareButton** | `boolean` | [ToolbarScreenshareButtonDirective](../directives/ToolbarScreenshareButtonDirective.html) |
| **recordingButton** | `boolean` | [ToolbarRecordingButtonDirective](../directives/ToolbarRecordingButtonDirective.html) |
| **broadcastingButton** | `boolean` | [ToolbarBroadcastingButtonDirective](../directives/ToolbarBroadcastingButtonDirective.html) |
| **fullscreenButton** | `boolean` | [ToolbarFullscreenButtonDirective](../directives/ToolbarFullscreenButtonDirective.html) |
| **backgroundEffectsButton** | `boolean` | [ToolbarBackgroundEffectsButtonDirective](../directives/ToolbarBackgroundEffectsButtonDirective.html) |
| **settingsButton** | `boolean` | [ToolbarSettingsButtonDirective](../directives/ToolbarSettingsButtonDirective.html) |
| **leaveButton** | `boolean` | [ToolbarLeaveButtonDirective](../directives/ToolbarLeaveButtonDirective.html) |
| **participantsPanelButton** | `boolean` | [ToolbarParticipantsPanelButtonDirective](../directives/ToolbarParticipantsPanelButtonDirective.html) |
| **chatPanelButton** | `boolean` | [ToolbarChatPanelButtonDirective](../directives/ToolbarChatPanelButtonDirective.html) |
| **activitiesPanelButton** | `boolean` | [ToolbarActivitiesPanelButtonDirective](../directives/ToolbarActivitiesPanelButtonDirective.html) |
| **displayRoomName** | `boolean` | [ToolbarDisplayRoomNameDirective](../directives/ToolbarDisplayRoomNameDirective.html) |
| **displayLogo** | `boolean` | [ToolbarDisplayLogoDirective](../directives/ToolbarDisplayLogoDirective.html) |
<!-- end-dynamic-api-directives-content -->
