ホーム/コンポーネント/ナビゲーション/アコーディオン Accordion

Accordion

コンテンツを折りたたみ表示するアコーディオンコンポーネント。複数同時オープン可能。

import { Accordion } from "@blueai/ui"

Examples

Basic

月額980円のスタータープランから、月額9,800円のエンタープライズプランまでご用意しています。

<Accordion
  items={[
    { key: "1", title: "料金プラン", content: "月額980円から..." },
    { key: "2", title: "解約方法", content: "設定画面から..." },
    { key: "3", title: "サポート", content: "メールで対応..." },
  ]}
  defaultOpen={["1"]}
/>

Props

Prop	Type	Default	Description
items*	AccordionItem[]	—	アイテムの配列
defaultOpen	string[]	—	初期オープンのkeyの配列

Types

AccordionItem

type AccordionItem = {
  key: string;
  title: string;
  content: ReactNode;
};