Textarea
<form class="w-full">
<label for="editor" class="sr-only">Publish post</label>
<Textarea id="editor" rows="8" class="mb-4" placeholder="Write a comment">
<Toolbar slot="header" embedded>
<ToolbarGroup>
<ToolbarButton name="Attach file">
<PaperClip />
</ToolbarButton>
<ToolbarButton name="Embed map">
<MapPin />
</ToolbarButton>
<ToolbarButton name="Upload image">
<Photo />
</ToolbarButton>
</ToolbarGroup>
<ToolbarGroup>
<ToolbarButton name="Format code">
<CodeBracket />
</ToolbarButton>
<ToolbarButton name="Add emoji">
<FaceSmile />
</ToolbarButton>
</ToolbarGroup>
<ToolbarButton name="send" slot="end">
<PaperAirplane />
</ToolbarButton>
</Toolbar>
</Textarea>
<Button>Publish post</Button>
</form>