<hx-drawer>

The <hx-drawer> is a container for a drawer dialog, anchored to the right-side of the screen. It is used to build a Drawer component.

Permitted Parents: any
Permitted Children: In this order:

<header>

<hx-alert> (optional)

<hx-div>

<footer>

Fixed position elements with slot="fixed" attribute. (optional)

<hx-menu>

<hx-popover>

<hx-search-assistance>

<hx-tooltip>

Elements will fail to position without slot="fixed".

Fixed position elements must be immediate children of <hx-drawer>.
Events: Any of the following:

close (cancelable)

open (cancelable)

Attributes

Attributes enable declarative configuration of an element, via HTML markup.

open

Opens the drawer.

Does not emit events on change.

JavaScript properties enable programmatic access to an element's configuration and state.

open {Boolean [false]}

Determines if the drawer is open.

Emits open event when set to true.

Emits close event when set to false.