<!-- start-dynamic-structural-directives-content -->
<!-- IMPORTANT: This table is not generated automatically. It MUST BE generated manually -->
## Structural Directives
The **VideoconferenceComponent** also offers the option to **tailor the default templates** to your preferences using a custom template.
|             **Directive**           |                 **Reference**                 |
|:-----------------------------------:|:---------------------------------------------:|
|            ***ovToolbar**           |            [ToolbarDirective](../directives/ToolbarDirective.html)           |
|   ***ovToolbarAdditionalButtons**   |   [ToolbarAdditionalButtonsDirective](../directives/ToolbarAdditionalButtonsDirective.html)   |
|***ovToolbarAdditionalPanelButtons** |   [ToolbarAdditionalPanelButtonsDirective](../directives/ToolbarAdditionalPanelButtonsDirective.html)   |
|             ***ovPanel**            |             [PanelDirective](../directives/PanelDirective.html)            |
|        ***ovAdditionalPanels**      |       [AdditionalPanelsDirective](../directives/AdditionalPanelsDirective.html)       |
|           ***ovChatPanel**          |           [ChatPanelDirective](../directives/ChatPanelDirective.html)          |
|       ***ovParticipantsPanel**      |       [ParticipantsPanelDirective](../directives/ParticipantsPanelDirective.html)      |
|     ***ovParticipantPanelItem**     |     [ParticipantPanelItemDirective](../directives/ParticipantPanelItemDirective.html)     |
| ***ovParticipantPanelItemElements** | [ParticipantPanelItemElementsDirective](../directives/ParticipantPanelItemElementsDirective.html) |
|            ***ovLayout**            |            [LayoutDirective](../directives/LayoutDirective.html)            |
|            ***ovStream**            |            [StreamDirective](../directives/StreamDirective.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** | 
|:--------------------------------: | :-------: | :---------------------------------------------: |
| **livekitUrl** | `string` | [LivekitUrlDirective](../directives/LivekitUrlDirective.html) |
| **token** | `string` | [TokenDirective](../directives/TokenDirective.html) |
| **tokenError** | `any` | [TokenErrorDirective](../directives/TokenErrorDirective.html) |
| **minimal** | `boolean` | [MinimalDirective](../directives/MinimalDirective.html) |
| **lang** | `string` | [LangDirective](../directives/LangDirective.html) |
| **langOptions** | `LangOption` | [LangOptionsDirective](../directives/LangOptionsDirective.html) |
| **participantName** | `string` | [ParticipantNameDirective](../directives/ParticipantNameDirective.html) |
| **prejoin** | `boolean` | [PrejoinDirective](../directives/PrejoinDirective.html) |
| **videoEnabled** | `boolean` | [VideoEnabledDirective](../directives/VideoEnabledDirective.html) |
| **audioEnabled** | `boolean` | [AudioEnabledDirective](../directives/AudioEnabledDirective.html) |
| **toolbarScreenshareButton** | `boolean` | [ToolbarScreenshareButtonDirective](../directives/ToolbarScreenshareButtonDirective.html) |
| **toolbarRecordingButton** | `boolean` | [ToolbarRecordingButtonDirective](../directives/ToolbarRecordingButtonDirective.html) |
| **toolbarBroadcastingButton** | `boolean` | [ToolbarBroadcastingButtonDirective](../directives/ToolbarBroadcastingButtonDirective.html) |
| **toolbarFullscreenButton** | `boolean` | [ToolbarFullscreenButtonDirective](../directives/ToolbarFullscreenButtonDirective.html) |
| **toolbarBackgroundEffectsButton** | `boolean` | [ToolbarBackgroundEffectsButtonDirective](../directives/ToolbarBackgroundEffectsButtonDirective.html) |
| **toolbarSettingsButton** | `boolean` | [ToolbarSettingsButtonDirective](../directives/ToolbarSettingsButtonDirective.html) |
| **toolbarLeaveButton** | `boolean` | [ToolbarLeaveButtonDirective](../directives/ToolbarLeaveButtonDirective.html) |
| **toolbarParticipantsPanelButton** | `boolean` | [ToolbarParticipantsPanelButtonDirective](../directives/ToolbarParticipantsPanelButtonDirective.html) |
| **toolbarChatPanelButton** | `boolean` | [ToolbarChatPanelButtonDirective](../directives/ToolbarChatPanelButtonDirective.html) |
| **toolbarActivitiesPanelButton** | `boolean` | [ToolbarActivitiesPanelButtonDirective](../directives/ToolbarActivitiesPanelButtonDirective.html) |
| **toolbarDisplayRoomName** | `boolean` | [ToolbarDisplayRoomNameDirective](../directives/ToolbarDisplayRoomNameDirective.html) |
| **toolbarDisplayLogo** | `boolean` | [ToolbarDisplayLogoDirective](../directives/ToolbarDisplayLogoDirective.html) |
| **streamDisplayParticipantName** | `boolean` | [StreamDisplayParticipantNameDirective](../directives/StreamDisplayParticipantNameDirective.html) |
| **streamDisplayAudioDetection** | `boolean` | [StreamDisplayAudioDetectionDirective](../directives/StreamDisplayAudioDetectionDirective.html) |
| **streamVideoControls** | `boolean` | [StreamVideoControlsDirective](../directives/StreamVideoControlsDirective.html) |
| **participantPanelItemMuteButton** | `boolean` | [ParticipantPanelItemMuteButtonDirective](../directives/ParticipantPanelItemMuteButtonDirective.html) |
| **activitiesPanelRecordingActivity** | `boolean` | [ActivitiesPanelRecordingActivityDirective](../directives/ActivitiesPanelRecordingActivityDirective.html) |
| **activitiesPanelBroadcastingActivity** | `boolean` | [ActivitiesPanelBroadcastingActivityDirective](../directives/ActivitiesPanelBroadcastingActivityDirective.html) |
<!-- end-dynamic-api-directives-content -->