5024375e20
Some checks failed
Build, Test, and Publish (to Private NPM Registry) UI Components Library / publish (push) Failing after 52m26s
|
||
|---|---|---|
| .. | ||
| drawer.css | ||
| drawer.ejs | ||
| drawer.js | ||
| README.md | ||
Accessible Drawer
Drawers allow for the opening and closing of information sections.
Usage
to use this component:
<%- useComponent('drawer', { id: 'example-drawer', content: `<div><h2>Hello World!</h2><p>This is a drawer!</p></div>` }) %>
Parameters
| Parameter | type | Description |
|---|---|---|
id |
string | The ID of the drawer |
label |
HTML | The label on the drawer's "handle" (button) |
content |
HTML | The content of the drawer |
drawerExtraStyles |
Various | Extra CSS to be included in the components Shadow DOM |
drawerExtraScripts |
Various | Extra JS scripts to be included in the components Shadow DOM |