DrawerTriggerProps

DrawerTriggerProps = RefAttributes<FocusableElement> & object

Type Declaration

children

children: ReactElement<DOMAttributes<FocusableElement>, string>

for

for: SimpleEvents | TargetedEvents | ChainedEvents

SimpleEvents allow the easiest implementation of events, but come with some restrictions:

• The literal commands back | clear | close | reset will only work inside of the context of a Drawer
• When passing a view's UniqueId the behavior is always to push that id onto it's parent's stack

TargetedEvents allow for external control of a Drawer, the UniqueId of a Drawer is passed to know which drawer to affect

ChainedEvents allow a list of events from a single control to enable multiple behaviors

NOTE: Open differs from Push (just a UniqueId), Open clears the stack before pushing the new view

Example

// Reset a drawer stack and then push a view on:
['reset', myViewId]

// Open multiple drawers:
[`open:${tabOneId}`, `open:${tabCId}`]

// Push multiple views to multiple drawers:
[viewOneId, viewTwoId, viewThreeId]

// Close the current drawer from inside its context:
'close'