Drawer (am-drawer)

Drawer 是以 native <dialog> 呈現的 responsive panel，支援 left、right、top、bottom 四個方向，以及 sm / md / lg / full 尺寸。開啟後由瀏覽器提供 modal focus 行為，關閉後會把 focus 還給 trigger。

<Drawer side="right" size="md">
  <Button slot="trigger" variant="outline">Open filters</Button>
  <Fragment slot="title">Filters</Fragment>
  <Fragment slot="description">Narrow down the current collection.</Fragment>
  <p>Drawer content.</p>
</Drawer>

詳見 playground /playground/kit/ 範例。