@krishna_dev2022/angular-bottomsheet v0.0.9

Angular Bottomsheet

installtion

npm i @krishna_dev2022/angular-bottomsheet

Then update your app.module.ts

import {BottomsheetModule} from '@krishna_dev2022/angular-bottomsheet';

imports: ...., ...., BottomsheetModule

After that add to your app.component.html

<button (click)="openbottonsheet()"> open </button>

<app-bottomsheet *ngIf="isOpenBottonSheet" containerHeight="300" (closeBottomSheet)="closeBottomSheet()"> -- your Content-- </app-bottomsheet>

containerHeight is optional Defalut value is 300

After that add to your app.component.ts

isOpenBottonSheet=true; openbottonsheet(){ this.isOpenButtonSheet=true; } closeBottomSheet(){ this.isOpenBottonSheet=false; }