Disclosure

トリガーやコンテンツに装飾を持たない、コンテンツの表示・非表示を切り替えるためのプリミティブコンポーネントです。開閉動作だけを提供するとき、AccordionPanelで実現できない独自の開閉UIを提供するときに使います。

Props

targetId必須

string

DisclosureContentのidと紐づける文字列

onClick

(open: () => void, e: MouseEvent) => void

開閉時のハンドラー

isOpen

false true

開閉状態。デフォルトは閉じている

visuallyHidden

false true

閉じた状態でContentを要素として存在させるか。デフォルトでは要素は存在しない