BottomActionSheet

iOS-style bottom panel (safe area, scrim, optional grabber). Keyboard: ↑ / ↓ move between focused controls, Esc closes, Enter activates the focused element (e.g. <button>).

Demo

Usage

<BottomActionSheet :show="open" title="Title" @close="open = false">
  <!-- Interactive rows: use <button> for focus and Enter -->
  <button type="button" @click="...">…</button>
</BottomActionSheet>