InlineEdit API
API reference docs for the Stash InlineEdit component. Learn about the props, CSS, and other APIs of this exported module.
Import
ts
import InlineEdit from '@leaflink/stash/InlineEdit.vue';Props
| Name | Type | Default | Description |
|---|---|---|---|
| errorText | string | '' | Error text to display. Replaces `hintText` (if provided) & adds error styling. |
| format | "currency" | "percent" | "" | | Formats the value displayed. Options: currency, percent |
| hintText | string | '' | Hint text to display below the input |
| label | string | ' ' | Label to render for the input |
| modelValue | string | number | undefined | The current value for the component. |
| oldValue | string | number | undefined | Used to display a crossed out value below the component if the current `modelValue` does not match `oldValue`. |
| placeholder | string | '' | Placeholder for the input |
| type | string | 'text' | DOM `type` property to be passed to `ll-input`. Use type="number" for localized numbers |
Slots
| Name | Description |
|---|---|
| prepend | renders content on the left side of the input |
| append | renders content on the right side of the input |
Events
| Name | Description |
|---|---|
| update:model-value | Emitted when the value is updated |