Workday
Update Sidepanel example to a more realistic usage.
💡 Suggestion
In most cases, consumers are using SidePanel in the context of overlaying content with an overlay. Currently, our documentation is a little too basic. We should provide examples of using the sidepanel where content is overlayed.
Example of a custom sidepanel built with modal.
From an accessibility standpoint, using SidePanel as an overlay will need to follow the standard rules for a modal dialog, including the ARIA roles and keyboard focus management to / from the side panel. I think we should take advantage of all that by publishing an example like this in the Modal dialog examples instead of using SidePanel.
Maybe we can make it easier for consumers by adding left / right variants to the Modal ...?
Our preview sidepanel component needs to be re worked.
- There's the concept of it being a popup
- There's also the concept of it being animated in: https://stackblitz.com/edit/dfokufho?file=src%2FDemo.tsx
We should clear this up before we promote