アコーディオン

開閉パネルのグループを制御し、必要に応じて複数を同時に開いた状態にできます。

lr-accordion

import '@aceshooting/lyra-ui/components/lr-accordion.js';

例

import '@aceshooting/lyra-ui/components/lr-accordion.js';
import '@aceshooting/lyra-ui/components/lr-accordion-item.js';

<lr-accordion mode="single">
<lr-accordion-item label="First panel" expanded>Opening one panel closes the others.</lr-accordion-item>
<lr-accordion-item label="Second panel">Set mode to multiple to keep them independent.</lr-accordion-item>
<lr-accordion-item label="Third panel">Slotted lr-accordion-item panels.</lr-accordion-item>
</lr-accordion>

ガイドを読む（英語）