BottomDrawer

Panoramax.components.layout.BottomDrawer ⇐ lit.LitElement

Kind: static class of Panoramax.components.layout
Extends: lit.LitElement
Element: pnx-bottom-drawer
Slot: default The drawer content

• .BottomDrawer ⇐ lit.LitElement
  • new BottomDrawer()
  • .properties : Object
  • .setContent(newContent)
  • .clearContent()

new BottomDrawer()

BottomDrawer layout offers a mobile-like drawer menu, coming from bottom of the screen.

Example

<pnx-bottom-drawer openness="opened">
  <p>My drawer content</p>
</pnx-bottom-drawer>

bottomDrawer.properties : Object

Component properties.

Kind: instance property of BottomDrawer
Properties

Name	Type	Default	Description
[openness]	string	"half-opened"	How much the drawer should be opened (hidden, closed, half-opened, opened)
[autoclose]	boolean	false	Set true if the drawer should close when dragged down.
[autoadjust]	boolean	false	Automatically adjust to defined content. If not, size is based on fixed value (fully opened, 30% opened).

bottomDrawer.setContent(newContent)

Set child content from string.

Kind: instance method of BottomDrawer

Param	Type	Description
newContent	string	The new HTML string content

bottomDrawer.clearContent()

Removes all slotted child elements.

Kind: instance method of BottomDrawer