core/bottom-drawer/bottom-drawer.component.ts

Description

Bottom drawer component that slides up from the bottom of the viewport. Typically managed by BottomDrawerService.

Implements

DrawerHost

Example

Metadata

changeDetection	`ChangeDetectionStrategy.Eager`
selector	`c8y-bottom-drawer`
standalone	`true`
imports	`CommonModule` `CdkTrapFocus`
templateUrl	`./bottom-drawer.component.html`

Relationships

Used by

No results matching.

Depends on

CommonModule
CdkTrapFocus
DrawerHost

<div [ngClass]="{ drawerOpen: drawerOpen$ | async }">
  <div
    class="bottom-drawer"
    [cdkTrapFocus]="drawerOpen$ | async"
    role="dialog" 
    aria-modal="true" 
    aria-labelledby="drawerTitle"
    [ngClass]="{ 'has-backdrop': disableClickOutside }"
  >
    <div class="d-flex d-col no-align-items fit-h">
      <ng-template #drawerHost></ng-template>
    </div>
  </div>
</div>

Description

Implements

Example

Metadata

Relationships

Used by

Depends on

results matching ""

No results matching ""