26 lines
737 B
HTML
26 lines
737 B
HTML
<div class="light-bottomsheet-mask" (click)="onMaskClick()"></div>
|
||
|
||
<section
|
||
class="light-bottomsheet-panel"
|
||
role="dialog"
|
||
aria-modal="true"
|
||
[attr.aria-hidden]="!visible"
|
||
[ngStyle]="style || { 'max-height': mobileDrawerHeight, height: 'auto' }"
|
||
>
|
||
<div class="light-bottomsheet-content">
|
||
@if (header || closable) {
|
||
<header class="light-bottomsheet-header">
|
||
<h3 class="light-bottomsheet-title">{{ header }}</h3>
|
||
@if (closable) {
|
||
<button type="button" class="light-bottomsheet-close" (click)="onVisibilityChange(false)" aria-label="Close">
|
||
×
|
||
</button>
|
||
}
|
||
</header>
|
||
}
|
||
<div class="p-4">
|
||
<ng-content></ng-content>
|
||
</div>
|
||
</div>
|
||
</section>
|