Sheet.
A side panel for supporting details.
LIVE PREVIEWTry it. It works.
Usage
<Sheet trigger={<Button variant="secondary">Open details</Button>} title="Project details">Details go here.</Sheet>Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.
API & behaviour
Uses the same API and accessible dialog behaviour as Dialog, positioned at the right edge. It does not implement swipe gestures.
Notes to self
Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.