Disclosure
Interactive element to control the visiblity of content.
Quick nav
Features
- Keyboard accessible
- Customizable icon position
- Multiple sizes
- Themes ready
Anatomy
import { Disclosure } from "@wonderflow/react-components";
export default () => {
return <Disclosure summary="Click to expand">...</Disclosure>;
};API Reference
Property
Type
Default
openbooleanfalsesummary*ReactNodepaddingbooleantruecontentMaxHeightstringdimensionenum"regular"iconPositionenum"left"expandablebooleantrueAccessibility
Adheres to the disclosure role requirements.
tab
Move focus on the summary element or outside
enter
Expand or collapse the content