ainer {
        flex-direction: column;
      }
    </style>
  </head>

  <body>
    <ion-app>
      <ion-content>
        <div class="container">
          <ion-button id="open-action-sheet">Open</ion-button>
          <ion-action-sheet
            trigger="open-action-sheet"
            header="Example header"
            sub-header="Example subheader"
          ></ion-action-sheet>
        </div>
      </ion-content>
    </ion-app>
    <script>
      const actionSheet = document.querySelector('ion-action