Skip to content

Commit ea574f3

Browse files
committed
fix: label to Label
1 parent 299bb4a commit ea574f3

File tree

2 files changed

+9
-9
lines changed

2 files changed

+9
-9
lines changed

src/routes/docs/components/accordion.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -361,9 +361,9 @@ Use the following example to preserve the input value. First fill out the form,
361361
<form method="POST">
362362
<Label for="name">Name</Label>
363363
<Input id="name" bind:value={name} type="text" />
364-
<label for="email">Email</label>
364+
<Label for="email">Email</Label>
365365
<Input id="email" bind:value={email} type="email" />
366-
<label for="comment">Comment</label>
366+
<Label for="comment">Comment</Label>
367367
<Textarea id="comment" bind:value={comment} />
368368
<Button onclick={handleSubmit} class="mt-4">Submit</Button>
369369
</form>

src/routes/docs/forms/textarea.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -95,12 +95,12 @@ If you want to add other actions as buttons alongside your textarea component, s
9595

9696
```svelte example
9797
<script>
98-
import { Textarea, Toolbar, ToolbarGroup, ToolbarButton, Button } from "flowbite-svelte";
98+
import { Textarea, Toolbar, ToolbarGroup, ToolbarButton, Button, Label } from "flowbite-svelte";
9999
import { PaperClipOutline, MapPinAltSolid, ImageOutline, CodeOutline, FaceGrinOutline, PaperPlaneOutline } from "flowbite-svelte-icons";
100100
</script>
101101
102102
<form>
103-
<label for="editor" class="sr-only">Publish post</label>
103+
<Label for="editor" class="sr-only">Publish post</Label>
104104
<Textarea id="editor" rows={8} class="mb-4" placeholder="Write a comment">
105105
{#snippet header()}
106106
<Toolbar embedded>
@@ -159,12 +159,12 @@ If you want to build a chatroom component you will usually want to use a textare
159159

160160
```svelte example class="space-y-4"
161161
<script>
162-
import { Textarea, Alert, ToolbarButton } from "flowbite-svelte";
162+
import { Textarea, Alert, ToolbarButton, Label } from "flowbite-svelte";
163163
import { ImageOutline, FaceGrinOutline, PaperPlaneOutline } from "flowbite-svelte-icons";
164164
</script>
165165
166166
<form>
167-
<label for="chat" class="sr-only">Your message</label>
167+
<Label for="chat" class="sr-only">Your message</Label>
168168
<div class="flex items-center rounded-lg bg-gray-50 px-3 py-2 dark:bg-gray-700">
169169
<ToolbarButton color="dark" class="text-gray-500 dark:text-gray-400">
170170
<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
210210
<Tabs role="tablist">
211211
<TabItem open title="Profile">
212212
<form method="POST">
213-
<Label for="name">Name</Label>
213+
<Label for="name" class="my-4">Name</Label>
214214
<Input id="name" bind:value={name} type="text" />
215-
<label for="email">Email</label>
215+
<Label for="email" class="my-4">Email</Label>
216216
<Input id="email" bind:value={email} type="email" />
217-
<label for="comment">Comment</label>
217+
<Label for="comment" class="my-4">Comment</Label>
218218
<Textarea id="comment" bind:value={comment} />
219219
<Button onclick={handleSubmit} class="mt-4">Submit</Button>
220220
</form>

0 commit comments

Comments
 (0)