Toolbar

A semantic action row for the controls beneath a message composer, reply field, or note editor.

Usage

Place Toolbar inside Textarea to create one composer surface. Give the Toolbar an accessible label that describes its actions.

import { Textarea } from '@sivir-ui/svelte/components/textarea';
import { Toolbar } from '@sivir-ui/svelte/components/toolbar';

<Textarea autoresize aria-label="New message">
	<Toolbar aria-label="Message actions">
		<!-- Icon actions and send control -->
	</Toolbar>
</Textarea>

Examples

Compose the action row with the controls your workflow needs.

Issue reply

Support reply

Replying to Nora about her billing question

Anatomy

Toolbar - Groups related controls.