BottomSheet 從裝置螢幕的底部邊緣向上滑動，並顯示一組選項，能夠確認或取消動作。BottomSheet 有時可以用作選單的替代方案，但是，它們不應用於導航。

BottomSheet 始終顯示在頁面上的任何其他元件之上，並且必須先關閉才能與底層內容互動。觸發時，頁面的其餘部分會變暗，以使更多焦點放在 BottomSheet 選項上。

BottomSheet 可以顯示為列表或網格，帶有圖示或頭像。它們可以用作 Vue 檔案範本中的元件，也可以用作全域可用的方法。

// quasar.config file

return {
  framework: {
    plugins: [
      'BottomSheet'
    ]
  }
}

用法

import { BottomSheet } from 'quasar'
BottomSheet.create({ ... }) // returns Object

// inside of a Vue file
import { useQuasar } from 'quasar'
setup () {
  const $q = useQuasar()
  $q.bottomSheet({ ... }) // returns Object
}