Tabs (am-tabs)

am-tabs 讓同一個 screen 可以承載多個 related panels，例如設定、內容、交付資訊。

Contract

• items 定義 tab labels 與 values
• panel 內容透過對應的 named slot 提供
• 目前支援 horizontal / vertical 與 auto / manual activation
• 鍵盤支援 arrow keys、Home、End

使用

<Tabs items={[{ value: "overview", label: "Overview" }]}>
  <Fragment slot="overview">
    <p>Panel content</p>
  </Fragment>
</Tabs>

詳見 playground /playground/navigation/ 範例。