Advanced Text Area

Example

Usage

		<script lang="ts">
	import { AdvancedTextArea } from '@foxui/text';

	let content = $state('');

	const handleSubmit = (e: Event) => {
		e.preventDefault();
		console.log(content);
	};
</script>

<form onsubmit={handleSubmit}>
	<AdvancedTextArea bind:value={content} placeholder="Write something..." />
</form>

API Reference

AdvancedTextArea

A textarea with optional additional content area and action buttons, suitable for composing posts or messages.

Property Type Description

value $bindable

string

The current text value. Default: —

placeholder

string

Placeholder text. Default: 'Write something here...'

rows

number

The number of visible text rows. Default: 3

additionalContent

Snippet

Additional content to display below the textarea (e.g. media previews). Default: —

actionButtons

Snippet

Action buttons displayed in the bottom-left area (e.g. attach, emoji). Default: —

submitButton

union

The submit button. Can be a string label, a custom snippet, or null to hide. Default: 'Post'

Property

value

placeholder

rows

additionalContent

actionButtons

submitButton