InputOptions API

API reference docs for the Stash InputOptions component. Learn about the props, CSS, and other APIs of this exported module.

Import

import InputOptions from '@leaflink/stash/InputOptions.vue';

Props

Name	Type	Default	Description
disabled	boolean	false	Indicates whether the inputOptions is disabled.
errorText	string	undefined	Error text to display. Replaces `hintText` (if provided) & adds error styling
hintText	string	undefined	Hint text to display below the input
label	string	undefined	Label to render for the datepicker
modelValue	{ value: string; option?: SelectedOption }	() => ({ value: , option: undefined })	The current value inclusive of the input & select
noTruncate	boolean	false	Prevents the Selected Option from being truncated, if true
options	Array	() => []	Options for the select
placeholder	string	undefined	Placeholder text for the input **Note:** placeholders should be used to display examples; they should not be used as labels because they are not accessible as labels. If a real label cannot be used, use the `aria-label` attribute.
type	TSConditionalType	text	Input type

Slots

Name	Description
hint	Hint slot for rendering text below the input

Events

Name	Description
update:model-value	Emitted when the model value changes
change	Emitted when either the input or select changes