Skip to content

Button

Panoramax.components.ui.Button ⇐ lit.LitElement

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

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, fullwarn, fullsuccess, outline, flat, superflat, inline, superinline)
[size] string "md" The size of the button (sm, md, l, xl, xxl)
[disabled] boolean false Whether the button is disabled.
[type] string The button type (e.g., 'submit').
[title] string Tooltip text displayed when hovering over the button