Input Amount: API Table
class: LionInputAmount, lion-input-amount
Fields
| Name | Privacy | Type | Default | Description | Inherited From |
|---|---|---|---|---|---|
currency | public | string | undefined | undefined | ||
currencyLabel | public | string | '' | ||
formatter | public | formatAmount | |||
locale | public | string | undefined | undefined | ||
modelValue | public | ||||
parser | public | parseAmount | |||
placeholder | public | string | '' | LionInput | |
readOnly | public | boolean | false | A Boolean attribute which, if present, indicates that the user should not be able to edit the value of the input. The difference between disabled and readonly is that read-only controls can still function, whereas disabled controls generally do not function as controls until they are enabled. (From: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-readonly) | LionInput |
slots | public | LionInput | |||
type | public | string | 'text' | LionInput | |
_currencyDisplayNodeSlot | protected | string | 'after' | The slot to put the currency display node in. Can be ‘prefix’, ‘suffix’, ‘before’ and ‘after’. Default will be ‘after’. | |
_feedbackConditionMeta | protected | LionField | |||
_focusableNode | protected | LionField | |||
_inputNode | protected | HTMLInputElement | LionInput |
Methods
| Name | Privacy | Description | Parameters | Return | Inherited From |
|---|---|---|---|---|---|
clear | public | Clears modelValue. Interaction states are not cleared (use resetInteractionState for this) | LionField | ||
onLocaleChanged | public | newLocale: string, oldLocale: string | |||
reset | public | Resets modelValue to initial value. Interaction states are cleared | LionField | ||
resetInteractionState | public | LionField | |||
_connectSlotMixin | protected | Upon connecting slot mixin, we should check if the required slot was created by the slot mixin, and if so, we should execute the currency changed flow which evaluates whether the slot node should be removed for invalid currencies | |||
_onChange | protected | Dispatches custom bubble event | ev: Event= | LionField | |
_onCurrencyChanged | protected | { currency }, opts: @param {string?} opts.currency * | |||
_reflectBackOn | protected |
Events
| Name | Type | Description | Inherited From |
|---|---|---|---|
user-input-changed | Event | LionField |
Attributes
| Name | Field | Inherited From |
|---|---|---|
currency | currency | |
currency-label | currencyLabel | |
modelValue | modelValue | |
readonly | readOnly | LionInput |
type | type | LionInput |
placeholder | placeholder | LionInput |