<>

} style={{ border: '1px solid', margin: '1rem', padding: '1rem', display: 'flex', flexDirection: 'column', gap: '1rem', }} >

Focus can be moved with up and down arrow keys in here.

"First" will be focused first when focus enters from "Before zone". "Third" will be focused first when focus enters from "After zone".

} style={{ border: '1px solid', margin: '1rem', padding: '1rem', display: 'flex', flexDirection: 'column', gap: '1rem', }} >

Focus can be moved with up and down arrow keys in here.

"First" will always be focused first when focus enters.

} style={{ border: '1px solid', margin: '1rem', padding: '1rem', display: 'flex', flexDirection: 'column', gap: '1rem', }} >

Focus can be moved with up and down arrow keys in here.

The most recently focused element will be focused first when focus enters.

useDetails