Components Button

Button

Overview API Examples Style Tokens

LmnButtonComponent

import { LmnButtonComponent } from '@elemental/ui';

Properties

NameTypeDescription
active
InputSignalWithTransform<boolean, unknown>

Whether the button is active

disabled
InputSignalWithTransform<boolean, unknown>

Whether the button is disabled

disabledTooltip
InputSignal<string | undefined>

Text of the tooltip to be displayed on interaction when the button is disabled

iconPosition
InputSignal<LmnButtonIconPosition>

Whether the icon should be displayed before or after the text (if existing)

iconSvgName
InputSignal<string | undefined>

SVG name of the icon to be displayed in the button

label
InputSignal<string | undefined>

Label to be displayed in the button

loading
InputSignalWithTransform<boolean, unknown>

Whether the button is in its loading state

loadingTooltip
InputSignal<string | undefined>

Text of the tooltip to be displayed on interaction when the button is in its loading state

nativeElement
r
HTMLButtonElement | HTMLAnchorElement
negative
InputSignalWithTransform<boolean, unknown>

Whether the button is in its negative mode

shape
InputSignal<LmnButtonShape>

Shape of the button

size
InputSignal<LmnButtonSize>

Size of the button

theme
InputSignal<LmnButtonTheme>

Theme of the button

tooltip
InputSignal<string | undefined>

Tooltip to be displayed near the button when it is in its default state (both loading and disabled set to false)

trigger
r
OutputEmitterRef<MouseEvent | KeyboardEvent>

It is emitted whenever the button is activated, regardless of whether the event was initiated with the mouse, keyboard or screen reader.