title: Customization in Ionic Bottom Sheet
body: <p>I am trying to add list in bottom sheet but ionic gave us an array so we can add class there and style it.
  What i am trying to ask is how we can make a list or totally our own html code and pass it to bottom sheet function that will just display?</p>
  
  <pre><code>async presentActionSheet() {
      const actionSheet = await this.actionSheetController.create({
        header: 'Albums',
        buttons: [{
          text: 'Delete',
          role: 'destructive',
          icon: 'trash',
          handler: () =&gt; {
            console.log('Delete clicked');
          }
        }, {
          text: 'Share',
          icon: 'share',
          handler: () =&gt; {
            console.log('Share clicked');
          }
        }, {
          text: 'Play (open modal)',
          icon: 'arrow-dropright-circle',
          handler: () =&gt; {
            console.log('Play clicked');
          }
        }, {
          text: 'Favorite',
          icon: 'heart',
          handler: () =&gt; {
            console.log('Favorite clicked');
          }
        }, {
          text: 'Cancel',
          icon: 'close',
          role: 'cancel',
          handler: () =&gt; {
            console.log('Cancel clicked');
          }
        }]
      });
      await actionSheet.present();
    }
  </code></pre>
  
  <p>It is by default action sheet, what i want is to make it in DOM. I have found the similar question here with no answer <a href="https://stackoverflow.com/questions/54663521/ionic4-bottom-sheet">Similar Question URL </a> Please see what i need...! 
  <a href="https://i.stack.imgur.com/Ejf28.png" rel="nofollow noreferrer">What i need</a></p>