@@ -95,12 +95,12 @@ If you want to add other actions as buttons alongside your textarea component, s
95
95
96
96
``` svelte example
97
97
<script>
98
- import { Textarea, Toolbar, ToolbarGroup, ToolbarButton, Button } from "flowbite-svelte";
98
+ import { Textarea, Toolbar, ToolbarGroup, ToolbarButton, Button, Label } from "flowbite-svelte";
99
99
import { PaperClipOutline, MapPinAltSolid, ImageOutline, CodeOutline, FaceGrinOutline, PaperPlaneOutline } from "flowbite-svelte-icons";
100
100
</script>
101
101
102
102
<form>
103
- <label for="editor" class="sr-only">Publish post</label >
103
+ <Label for="editor" class="sr-only">Publish post</Label >
104
104
<Textarea id="editor" rows={8} class="mb-4" placeholder="Write a comment">
105
105
{#snippet header()}
106
106
<Toolbar embedded>
@@ -159,12 +159,12 @@ If you want to build a chatroom component you will usually want to use a textare
159
159
160
160
``` svelte example class="space-y-4"
161
161
<script>
162
- import { Textarea, Alert, ToolbarButton } from "flowbite-svelte";
162
+ import { Textarea, Alert, ToolbarButton, Label } from "flowbite-svelte";
163
163
import { ImageOutline, FaceGrinOutline, PaperPlaneOutline } from "flowbite-svelte-icons";
164
164
</script>
165
165
166
166
<form>
167
- <label for="chat" class="sr-only">Your message</label >
167
+ <Label for="chat" class="sr-only">Your message</Label >
168
168
<div class="flex items-center rounded-lg bg-gray-50 px-3 py-2 dark:bg-gray-700">
169
169
<ToolbarButton color="dark" class="text-gray-500 dark:text-gray-400">
170
170
<ImageOutline class="h-6 w-6" />
@@ -210,11 +210,11 @@ If you want to build a chatroom component you will usually want to use a textare
210
210
<Tabs role="tablist">
211
211
<TabItem open title="Profile">
212
212
<form method="POST">
213
- <Label for="name">Name</Label>
213
+ <Label for="name" class="my-4" >Name</Label>
214
214
<Input id="name" bind:value={name} type="text" />
215
- <label for="email">Email</label >
215
+ <Label for="email" class="my-4" >Email</Label >
216
216
<Input id="email" bind:value={email} type="email" />
217
- <label for="comment">Comment</label >
217
+ <Label for="comment" class="my-4" >Comment</Label >
218
218
<Textarea id="comment" bind:value={comment} />
219
219
<Button onclick={handleSubmit} class="mt-4">Submit</Button>
220
220
</form>
0 commit comments