Disclosure

コンテンツの表示・非表示を切り替えるUIを作るためのアクセシブルなコンポーネントです。

Props

targetId必須

string

DisclosureContentのidと紐づける文字列

onClick

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

開閉時のハンドラー

isOpen

false true

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

visuallyHidden

false true

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