Button

Panoramax.components.ui.Button ⇐ lit.LitElement

Kind: static class of Panoramax.components.ui
Extends: lit.LitElement
Element: pnx-button

• .Button ⇐ lit.LitElement
  • new Button()
  • .properties : Object

new Button()

Button element displays a direct action button. Binds to a HTML button, so you can use any events offered by it.

Example

<pnx-button kind="flat" size="l" @click=${() => alert("click!")}>
   Click on me
</pnx-button>

button.properties : Object

Component properties.

Kind: instance property of Button
Properties

Name	Type	Default	Description
[active]	boolean	false	Whether the button is in an active state.
[kind]	string	"full"	The style variation of the button (full, outline, flat, superflat)
[size]	string	"md"	The size of the button (md, l, xl, xxl)
[disabled]	boolean	false	Whether the button is disabled.
[type]	string		The button type (e.g., 'submit').