title
ariaLabel
Visually Hidden
<Component initialState={{ isOpen: false }}>
{({ setState, state }) => (
<div>
<Button onClick={() => setState({ isOpen: true })}>Open Dialog</Button>
<Dialog
isOpen={state.isOpen}
title="Dialog title"
onRequestClose={() => setState({ isOpen: false })}
>
<div style={{ height: '400px' }}>Dialog content</div>
</Dialog>
</div>
)}
</Component>
data-autofocus
<div style={{ height: '1200px' }}>
<Button data-autofocus>Dialog content</Button>
<div style={{ height: '1200px' }}>Dialog content</div>