Textarea
A multi-line text input field, in the spirit of the HTML <textarea> element.
Integrates the tweakpane-textarea-plugin by Krzysztof GoliΕski and Jakub KoΕΊniewski.
Extends the underlying implementation with the live property to match the behavior of the <Text> component.
Usage outside of a <Pane> component will implicitly wrap the text area in <Pane position="inline">.
Note that Svelte Tweakpane UI embeds a functionally identical fork of the plugin with build optimizations. The fork also changes the package name from @pangenerator/tweakpane-textarea-plugin to @kitschpatrol/tweakpane-plugin-textarea for consistency with other plugins.
<script lang="ts"> import { Textarea } from 'svelte-tweakpane-ui';
let text = '';</script>
<Textarea bind:value={text} placeholder="The void" rows={8} /><pre>{text}</pre>| bindablerequired | |
| Description | A |
|---|---|
| Type | string |
| optional | |
| Description | Whether to provide live updates to the bound |
|---|---|
| Type | boolean |
| Default | true |
| optional | |
| Description | Placeholder text to display when the |
|---|---|
| Type | string |
| Default | 'Enter text here' |
| optional | |
| Description | The number of lines of text to display. If lines of input exceed this value, then the text area will scroll. |
|---|---|
| Type | number |
| Default | 3 |
| optional | |
| Description | Prevent interactivity and gray out the control. |
|---|---|
| Type | boolean |
| Default | false |
| optional | |
| Description | Text displayed next to control. |
|---|---|
| Type | string |
| Default | undefined |
| optional | |
| Description | Custom color scheme. |
|---|---|
| Type | Theme |
| Default | undefinedInherits default Tweakpane theme equivalent to ThemeUtils.presets.standard, or the theme set with setGlobalDefaultTheme(). |
| Description | Fires when This event is provided for advanced use cases. It's usually preferred to bind to the The |
|---|---|
| Extends | ValueChangeEvent |
| Type | TextareaChangeEvent |