# BaseMultilineTextInput
A multiline textfield base component
# Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| v-model | input displayed in the textarea. if tabs prop is set, this needs to be an object with properties corresponding totab names. | object|string | - | '' |
| label | set the label for the input component | string | - | '' |
| showLabel | set true if label should be visible | boolean | - | true |
| placeholder | set input field placeholder | string | - | '' |
| tabs | set tabs for the input field | array | - | ['default'] |
| tabLabels | give the possibility to specify what should be displayed in the tabs | array | - | [] |
| activeTab | set the currently active tab (specify the property of the object not the label) | string | - | function() { return this.tabs[0] || 'default'; } |
| tabsLegend | set a legend for the tabs to be read (for accessibility only, hidden) | string | - | 'Radiogroup' |
| id | set id which is used for label + id | string|number | - | '' |
| language | set a language (ISO 639-1) | string | - | '' |
| required | mark as required field (currently only used for aria-required) | boolean | - | false |
| invalid | mark the form field as invalid and ideally also provide an error message to display below the form field. for an example see BaseInput | boolean | - | false |
| disabled | set true if input field should be disabled. for an example see BaseInput | boolean | - | false |
| errorMessage | add an error message to be displayed below form field if field is invalid. for an example see BaseInput | string | - | '' |
| showErrorIcon | define if error icon should be shown. for an example see BaseInput | boolean | - | true |
| clearable | if true a remove icon will be shown allowing to remove all input at once. for an example see BaseInput | boolean | - | false |
# Events
| Event name | Properties | Description |
|---|---|---|
| input | undefined string, Object - the altered field input | Event emitted on input, passing input string or input object |
# Slots
| Name | Description | Bindings |
|---|---|---|
| label-addition | to add drop down needed for text input field (base specific) or any other element deemed necessary | |
| input-field-addition-before | Slot to allow for additional elements in the input field <div> (before <input>) | |
| input-field-addition-after | for adding elements after input | |
| post-input-field | elements after the actual input element but within the input field container. for an example see BaseChipsInputField | |
| error-icon | use a custom icon instead of standard error/warning icon. for an example see BaseChipsInputField | |
| remove-icon | use a custom icon instead of standard remove icon. for an example see BaseChipsInputField |
# Demo
Basic example with no extra settings
Example with Tabs