<hx-modal> v0.2.1+ HelixUI v0.2.1 or later required

The custom <hx-modal> element defines a section of floating content that needs a forced action from the user.

Permitted Parents
any
Permitted Children
In this order:
  1. <header> (optional)
  2. <hx-div>
  3. <footer> (optional)
Events
Any of the following:
  • close
  • open

Attributes

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

open
Opens the modal

Properties

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

open {Boolean [false]}
Determines if modal is open.

See Also