アコーディオン

component

見出しを開閉して本文を出し入れする開示コンポーネントです。長いページの情報を折り畳んで一覧性を上げます。ネイティブ <details> / <summary> ベースで、開閉とキーボード操作はブラウザ標準に任せます（JS 不要）。

基本

開閉アイコンは見出しの左。既定で開くものは <details open>

配送について
通常 3〜5 営業日でお届けします。地域や在庫状況により前後する場合があります。
返品・交換について
商品到着後 7 日以内にご連絡ください。未使用・未開封のものに限り承ります。
支払い方法について
クレジットカード・銀行振込・代金引換に対応しています。

使用例 — FAQ

見出しをクリック、または Tab + Enter / Space で開閉

アカウントを解約するには？
設定 > アカウント > 解約 から手続きできます。解約後もデータは 30 日間保持されます。
パスワードを忘れた場合は？
ログイン画面の「パスワードを忘れた方」から、登録メールアドレス宛に再設定リンクを送信できます。

機能

このコンポーネントの用途

見出しの開閉で本文を出し入れする開示コンポーネント。長いページの情報を
折り畳んで一覧性を上げる。常時見せたい情報や、操作を止めて確認させる用途は
使わない（前者は常時表示、後者は modal）。