From ee0f5711736213b42dbb7218301ef5970b13ddcf Mon Sep 17 00:00:00 2001
From: Deyan Petrov <49752323+WickedInvi@users.noreply.github.com>
Date: Sun, 4 Sep 2022 21:10:38 +0200
Subject: [PATCH] React tab for code snippets (#1035)
* fix: grammatical errors
* updated keys to match en.json
* fixed: Typo
* Revert "fixed: Typo"
This reverts commit 90499cccd702910d7528edb95c602381cf87076b.
* fixed: Typo
* Revert "fixed: Typo"
This reverts commit 7aa377e7ab18fc0e2fabb66247b692de62d0300b.
* fix typo
* React tab for Code Snippets
* Update mockup-code.svelte.md
* JSX Syntax
* JSX Syntax
---
.../src/routes/components/alert.svelte.md | 66 +++
.../src/routes/components/artboard.svelte.md | 36 ++
.../src/routes/components/avatar.svelte.md | 147 +++++
.../src/routes/components/badge.svelte.md | 74 +++
.../components/bottom-navigation.svelte.md | 200 +++++++
.../routes/components/breadcrumbs.svelte.md | 42 ++
.../routes/components/button-group.svelte.md | 22 +
.../src/routes/components/button.svelte.md | 103 ++++
src/docs/src/routes/components/card.svelte.md | 157 ++++++
.../src/routes/components/carousel.svelte.md | 229 ++++++++
.../src/routes/components/checkbox.svelte.md | 54 ++
.../src/routes/components/collapse.svelte.md | 92 ++++
.../src/routes/components/countdown.svelte.md | 108 ++++
.../src/routes/components/divider.svelte.md | 28 +
.../src/routes/components/drawer.svelte.md | 93 ++++
.../src/routes/components/dropdown.svelte.md | 134 +++++
.../src/routes/components/footer.svelte.md | 271 +++++++++
src/docs/src/routes/components/hero.svelte.md | 79 +++
.../src/routes/components/indicator.svelte.md | 135 +++++
.../routes/components/input-group.svelte.md | 93 ++++
.../src/routes/components/input.svelte.md | 57 ++
src/docs/src/routes/components/kbd.svelte.md | 72 +++
src/docs/src/routes/components/link.svelte.md | 25 +
src/docs/src/routes/components/mask.svelte.md | 57 ++
src/docs/src/routes/components/menu.svelte.md | 269 +++++++++
.../routes/components/mockup-code.svelte.md | 34 ++
.../routes/components/mockup-phone.svelte.md | 16 +
.../routes/components/mockup-window.svelte.md | 10 +
.../src/routes/components/modal.svelte.md | 90 +++
.../src/routes/components/navbar.svelte.md | 215 ++++++++
.../routes/components/pagination.svelte.md | 56 ++
.../src/routes/components/progress.svelte.md | 59 ++
.../components/radial-progress.svelte.md | 24 +-
.../src/routes/components/radio.svelte.md | 34 ++
.../src/routes/components/range.svelte.md | 28 +
.../src/routes/components/rating.svelte.md | 95 ++++
.../src/routes/components/select.svelte.md | 149 +++++
.../src/routes/components/stack.svelte.md | 69 +++
src/docs/src/routes/components/stat.svelte.md | 170 ++++++
.../src/routes/components/steps.svelte.md | 73 +++
src/docs/src/routes/components/swap.svelte.md | 70 +++
src/docs/src/routes/components/tab.svelte.md | 54 ++
.../src/routes/components/table.svelte.md | 515 ++++++++++++++++++
.../src/routes/components/textarea.svelte.md | 46 ++
.../src/routes/components/toast.svelte.md | 135 +++++
.../src/routes/components/toggle.svelte.md | 54 ++
.../src/routes/components/tooltip.svelte.md | 60 ++
47 files changed, 4697 insertions(+), 2 deletions(-)
diff --git a/src/docs/src/routes/components/alert.svelte.md b/src/docs/src/routes/components/alert.svelte.md
index 0ec5a34b236..a257fdfbfb9 100644
--- a/src/docs/src/routes/components/alert.svelte.md
+++ b/src/docs/src/routes/components/alert.svelte.md
@@ -36,6 +36,14 @@ data="{[
`
}
+
{
+`
+
+
+
12 unread messages. Tap to see.
+
+
`
+}
@@ -53,6 +61,14 @@ data="{[
`
}
+{
+`
+
+
+
New software update available.
+
+
`
+}
@@ -70,6 +86,14 @@ data="{[
`
}
+{
+`
+
+
+
Your purchase has been confirmed!
+
+
`
+}
@@ -87,6 +111,14 @@ data="{[
`
}
+{
+`
+
+
+
Warning: Invalid email address!
+
+
`
+}
@@ -104,6 +136,14 @@ data="{[
`
}
+{
+`
+
+
+
Error! Task failed successfully.
+
+
`
+}
@@ -129,6 +169,18 @@ data="{[
`
}
+{
+`
+
+
+
we use cookies for no reason.
+
+
+ Deny
+ Accept
+
+
`
+}
@@ -158,4 +210,18 @@ data="{[
`
}
+{
+`
+
+
+
+
New message!
+
You have 1 unread message
+
+
+
+ See
+
+
`
+}
diff --git a/src/docs/src/routes/components/artboard.svelte.md b/src/docs/src/routes/components/artboard.svelte.md
index 95c13e5890a..fd3a051a0ff 100644
--- a/src/docs/src/routes/components/artboard.svelte.md
+++ b/src/docs/src/routes/components/artboard.svelte.md
@@ -30,6 +30,9 @@ data="{[
{
`320×568
`
}
+{
+`320×568
`
+}
@@ -37,6 +40,9 @@ data="{[
{
`375×667
`
}
+{
+`375×667
`
+}
@@ -44,6 +50,9 @@ data="{[
{
`414×736
`
}
+{
+`414×736
`
+}
@@ -51,6 +60,9 @@ data="{[
{
`375×812
`
}
+{
+`375×812
`
+}
@@ -58,6 +70,9 @@ data="{[
{
`414×896
`
}
+{
+`414×896
`
+}
@@ -65,6 +80,9 @@ data="{[
{
`320×1024
`
}
+{
+`320×1024
`
+}
@@ -72,6 +90,9 @@ data="{[
{
`568×320
`
}
+{
+`568×320
`
+}
@@ -79,6 +100,9 @@ data="{[
{
`667×375
`
}
+{
+`667×375
`
+}
@@ -86,6 +110,9 @@ data="{[
{
`736×414
`
}
+{
+`736×414
`
+}
@@ -93,6 +120,9 @@ data="{[
{
`812×375
`
}
+{
+`812×375
`
+}
@@ -100,6 +130,9 @@ data="{[
{
`896×414
`
}
+{
+`896×414
`
+}
@@ -107,4 +140,7 @@ data="{[
{
`1024×320
`
}
+{
+`1024×320
`
+}
diff --git a/src/docs/src/routes/components/avatar.svelte.md b/src/docs/src/routes/components/avatar.svelte.md
index 0aa89e26b0e..b86e598688b 100644
--- a/src/docs/src/routes/components/avatar.svelte.md
+++ b/src/docs/src/routes/components/avatar.svelte.md
@@ -34,6 +34,13 @@ data="{[
`
}
+{
+`
+
+
+
+
`
+}
@@ -79,6 +86,28 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -104,6 +133,18 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
`
+}
@@ -139,6 +180,23 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -188,6 +246,30 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -237,6 +319,30 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -252,6 +358,13 @@ data="{[
`
}
+{
+`
+
+
+
+
`
+}
@@ -277,6 +390,18 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
`
+}
@@ -322,4 +447,26 @@ data="{[
`
}
+{
+`
+
+
+`
+}
diff --git a/src/docs/src/routes/components/badge.svelte.md b/src/docs/src/routes/components/badge.svelte.md
index 3b17319d9a1..6972650bc61 100644
--- a/src/docs/src/routes/components/badge.svelte.md
+++ b/src/docs/src/routes/components/badge.svelte.md
@@ -35,6 +35,9 @@ data="{[
{
`Badge `
}
+{
+`Badge `
+}
@@ -50,6 +53,13 @@ data="{[
accent
ghost
`
}
+{
+`neutral
+primary
+secondary
+accent
+ghost
`
+}
@@ -63,6 +73,12 @@ data="{[
secondary
accent
`
}
+{
+`neutral
+primary
+secondary
+accent
`
+}
@@ -76,6 +92,12 @@ data="{[
987,654
987,654
`
}
+{
+`987,654
+987,654
+987,654
+987,654
`
+}
@@ -89,6 +111,12 @@ data="{[
`
}
+{
+`
+
+
+
`
+}
@@ -126,6 +154,24 @@ data="{[
error
`
}
+{
+`
+
+
+`
+}
@@ -163,6 +209,24 @@ data="{[
NEW
`
}
+{
+`
+ Heading
+ NEW
+
+
+ Heading
+ NEW
+
+
+ Heading
+ NEW
+
+
+ Heading
+ NEW
+ `
+}
@@ -184,4 +248,14 @@ data="{[
+99
`
}
+{
+`
+ Inbox
+ +99
+
+
+ Inbox
+ +99
+ `
+}
diff --git a/src/docs/src/routes/components/bottom-navigation.svelte.md b/src/docs/src/routes/components/bottom-navigation.svelte.md
index ea58ce10ee8..629c887b231 100644
--- a/src/docs/src/routes/components/bottom-navigation.svelte.md
+++ b/src/docs/src/routes/components/bottom-navigation.svelte.md
@@ -48,6 +48,19 @@ data="{[
`
}
+{
+``
+}
@@ -119,6 +132,41 @@ data="{[
`
}
+{
+`
+
+`
+}
@@ -212,6 +260,52 @@ data="{[
`
}
+{
+`
+
+
+`
+}
@@ -245,6 +339,22 @@ data="{[
`
}
+{
+`
+
+
+ Home
+
+
+
+ Warnings
+
+
+
+ Statics
+
+
`
+}
@@ -278,6 +388,22 @@ data="{[
`
}
+{
+`
+
+
+ Home
+
+
+
+ Warnings
+
+
+
+ Statics
+
+
`
+}
@@ -375,6 +501,56 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+`
+}
@@ -424,4 +600,28 @@ data="{[
`
}
+{
+`
+`
+}
diff --git a/src/docs/src/routes/components/breadcrumbs.svelte.md b/src/docs/src/routes/components/breadcrumbs.svelte.md
index 0716799b827..079e307cae2 100644
--- a/src/docs/src/routes/components/breadcrumbs.svelte.md
+++ b/src/docs/src/routes/components/breadcrumbs.svelte.md
@@ -38,6 +38,15 @@ data="{[
`
}
+{
+``
+}
@@ -83,6 +92,28 @@ data="{[
`
}
+{
+``
+}
@@ -106,4 +137,15 @@ data="{[
`
}
+{
+`
+
+ Long text 1
+ Long text 2
+ Long text 3
+ Long text 4
+ Long text 5
+
+
`
+}
diff --git a/src/docs/src/routes/components/button-group.svelte.md b/src/docs/src/routes/components/button-group.svelte.md
index 43e55b1887e..f621e2638d0 100644
--- a/src/docs/src/routes/components/button-group.svelte.md
+++ b/src/docs/src/routes/components/button-group.svelte.md
@@ -31,6 +31,13 @@ data="{[
Button
`
}
+{
+`
+ Button
+ Button
+ Button
+
`
+}
@@ -46,6 +53,13 @@ data="{[
Button
`
}
+{
+`
+ Button
+ Button
+ Button
+
`
+}
@@ -63,4 +77,12 @@ data="{[
`
}
+{
+`
+
+
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/button.svelte.md b/src/docs/src/routes/components/button.svelte.md
index d002f5d5184..9f7755ba329 100644
--- a/src/docs/src/routes/components/button.svelte.md
+++ b/src/docs/src/routes/components/button.svelte.md
@@ -45,6 +45,9 @@ data="{[
{
`Button `
}
+{
+`Button `
+}
@@ -62,6 +65,14 @@ data="{[
Button
Button `
}
+{
+`Button
+Button
+Button
+Button
+Button
+Button `
+}
@@ -79,6 +90,14 @@ data="{[
Button
Button `
}
+{
+`Button
+Button
+Button
+Button
+Button
+Button `
+}
@@ -92,6 +111,12 @@ data="{[
Warning
Error `
}
+{
+`Info
+Success
+Warning
+Error `
+}
@@ -105,6 +130,12 @@ data="{[
Button
Button `
}
+{
+`Button
+Button
+Button
+Button `
+}
@@ -118,6 +149,12 @@ data="{[
Warning
Error `
}
+{
+`Info
+Success
+Warning
+Error `
+}
@@ -131,6 +168,12 @@ data="{[
Small
Tiny `
}
+{
+`Large
+Normal
+Small
+Tiny `
+}
@@ -138,6 +181,9 @@ data="{[
{
`Responsive `
}
+{
+`Responsive `
+}
@@ -145,6 +191,9 @@ data="{[
{
`Wide `
}
+{
+`Wide `
+}
@@ -152,6 +201,9 @@ data="{[
{
`Glass button `
}
+{
+`Glass button `
+}
@@ -167,6 +219,13 @@ data="{[
`
}
+{
+`Link
+Button
+
+
+ `
+}
@@ -176,6 +235,10 @@ data="{[
`Disabled using attribute
Disabled using class name `
}
+{
+`Disabled using attribute
+Disabled using className name `
+}
@@ -193,6 +256,14 @@ data="{[
`
}
+{
+`
+
+
+
+
+ `
+}
@@ -210,6 +281,14 @@ data="{[
`
}
+{
+`
+
+
+
+
+ `
+}
@@ -223,6 +302,12 @@ data="{[
Button
`
}
+{
+`
+
+ Button
+ `
+}
@@ -236,6 +321,12 @@ data="{[
`
}
+{
+`
+ Button
+
+ `
+}
@@ -243,6 +334,9 @@ data="{[
{
`block `
}
+{
+`block `
+}
@@ -250,6 +344,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -257,6 +354,9 @@ data="{[
{
`loading `
}
+{
+`loading `
+}
@@ -264,4 +364,7 @@ data="{[
{
`I don't have click animation `
}
+{
+`I don't have click animation `
+}
diff --git a/src/docs/src/routes/components/card.svelte.md b/src/docs/src/routes/components/card.svelte.md
index 58f0cdc20a3..393567f8e24 100644
--- a/src/docs/src/routes/components/card.svelte.md
+++ b/src/docs/src/routes/components/card.svelte.md
@@ -48,6 +48,18 @@ data="{[
`
}
+{
+`
+
+
+
Shoes!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -73,6 +85,18 @@ data="{[
`
}
+{
+`
+
+
+
Shoes!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -106,6 +130,22 @@ data="{[
`
}
+{
+`
+
+
+
+ Shoes!
+ NEW
+
+
If a dog chews shoes whose shoes does he choose?
+
+
+
`
+}
@@ -125,6 +165,15 @@ data="{[
`
}
+{
+`
+
+
Shoes!
+
If a dog chews shoes whose shoes does he choose?
+
+
+
`
+}
@@ -154,6 +203,20 @@ data="{[
`
}
+{
+`
+
+
+
+
+
Shoes!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -179,6 +242,18 @@ data="{[
`
}
+{
+`
+
+
+
Shoes!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -202,6 +277,17 @@ data="{[
`
}
+{
+`
+
+
Card title!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -225,6 +311,17 @@ data="{[
`
}
+{
+`
+
+
Card title!
+
If a dog chews shoes whose shoes does he choose?
+
+ Buy Now
+
+
+
`
+}
@@ -250,6 +347,18 @@ data="{[
`
}
+{
+`
+
+
Cookies!
+
We are using cookies for no reason.
+
+ Accept
+ Deny
+
+
+
`
+}
@@ -275,6 +384,18 @@ data="{[
`
}
+{
+`
+
+
+
We are using cookies for no reason.
+
+
`
+}
@@ -300,6 +421,18 @@ data="{[
`
}
+{
+`
+
+
+
Life hack
+
How to park your car at your garage?
+
+ Learn now!
+
+
+
`
+}
@@ -325,6 +458,18 @@ data="{[
`
}
+{
+`
+
+
+
New movie is released!
+
Click the button to watch on Jetflix app.
+
+ Watch
+
+
+
`
+}
@@ -350,4 +495,16 @@ data="{[
`
}
+{
+`
+
+
+
New album is released!
+
Click the button to listen on Spotiwhy app.
+
+ Listen
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/carousel.svelte.md b/src/docs/src/routes/components/carousel.svelte.md
index aa9f16e4692..3f1fcdb428d 100644
--- a/src/docs/src/routes/components/carousel.svelte.md
+++ b/src/docs/src/routes/components/carousel.svelte.md
@@ -70,6 +70,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -121,6 +146,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -172,6 +222,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -223,6 +298,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -274,6 +374,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -325,6 +450,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -376,6 +526,31 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -421,6 +596,28 @@ data="{[
4
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+`
+}
@@ -486,4 +683,36 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/checkbox.svelte.md b/src/docs/src/routes/components/checkbox.svelte.md
index 30ce544539c..b1e0e6e49dc 100644
--- a/src/docs/src/routes/components/checkbox.svelte.md
+++ b/src/docs/src/routes/components/checkbox.svelte.md
@@ -31,6 +31,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -48,6 +51,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -65,6 +76,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -82,6 +101,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -99,6 +126,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -114,6 +149,12 @@ data="{[
`
}
+{
+`
+
+
+ `
+}
@@ -121,6 +162,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -128,6 +172,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -139,4 +186,11 @@ data="{[
`
}
+{
+`
+
+ `
+}
diff --git a/src/docs/src/routes/components/collapse.svelte.md b/src/docs/src/routes/components/collapse.svelte.md
index f6c1e62b8ae..053bad43d5a 100644
--- a/src/docs/src/routes/components/collapse.svelte.md
+++ b/src/docs/src/routes/components/collapse.svelte.md
@@ -42,6 +42,16 @@ data="{[
`
}
+{
+`
+
+ Focus me to see content
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -65,6 +75,17 @@ data="{[
`
}
+{
+`
+
+
+ Click me to show/hide content
+
+
+
`
+}
@@ -86,6 +107,16 @@ data="{[
`
}
+{
+`
+
+ Focus me to see content
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -107,6 +138,16 @@ data="{[
`
}
+{
+`
+
+ Focus me to see content
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -128,6 +169,16 @@ data="{[
`
}
+{
+`
+
+ Focus me to see content
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -149,6 +200,16 @@ data="{[
`
}
+{
+`
+
+ I have collapse-open className
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -170,6 +231,16 @@ data="{[
`
}
+{
+`
+
+ I have collapse-close className
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -191,6 +262,16 @@ data="{[
`
}
+{
+`
+
+ Focus me to see content
+
+
+
tabindex={0} attribute is necessary to make the div focusable
+
+
`
+}
@@ -214,4 +295,15 @@ data="{[
`
}
+{
+`
+
+
+ Click me to show/hide content
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/countdown.svelte.md b/src/docs/src/routes/components/countdown.svelte.md
index b9e7f2cb7bd..f54cec15305 100644
--- a/src/docs/src/routes/components/countdown.svelte.md
+++ b/src/docs/src/routes/components/countdown.svelte.md
@@ -43,6 +43,11 @@ data="{[
`
}
+{
+`
+
+ `
+}
@@ -54,6 +59,11 @@ data="{[
`
}
+{
+`
+
+ `
+}
@@ -69,6 +79,13 @@ data="{[
s
`
}
+{
+`
+ h
+ m
+ s
+ `
+}
@@ -84,6 +101,13 @@ data="{[
`
}
+{
+`
+ :
+ :
+
+ `
+}
@@ -141,6 +165,34 @@ data="{[
`
}
+{
+`
+
+
+
+
+ days
+
+
+
+
+
+ hours
+
+
+
+
+
+ min
+
+
+
+
+
+ sec
+
+
`
+}
@@ -198,6 +250,34 @@ data="{[
`
}
+{
+`
+
+
+
+
+ days
+
+
+
+
+
+ hours
+
+
+
+
+
+ min
+
+
+
+
+
+ sec
+
+
`
+}
@@ -255,4 +335,32 @@ data="{[
`
}
+{
+`
+
+
+
+
+ days
+
+
+
+
+
+ hours
+
+
+
+
+
+ min
+
+
+
+
+
+ sec
+
+
`
+}
diff --git a/src/docs/src/routes/components/divider.svelte.md b/src/docs/src/routes/components/divider.svelte.md
index 385988bc539..2bd9a6c45c3 100644
--- a/src/docs/src/routes/components/divider.svelte.md
+++ b/src/docs/src/routes/components/divider.svelte.md
@@ -32,6 +32,13 @@ data="{[
content
`
}
+{
+`
+
content
+
OR
+
content
+
`
+}
@@ -47,6 +54,13 @@ data="{[
content
`
}
+{
+`
+
content
+
OR
+
content
+
`
+}
@@ -62,6 +76,13 @@ data="{[
content
`
}
+{
+``
+}
@@ -77,4 +98,11 @@ data="{[
content
`
}
+{
+`
+
content
+
OR
+
content
+
`
+}
diff --git a/src/docs/src/routes/components/drawer.svelte.md b/src/docs/src/routes/components/drawer.svelte.md
index 0adcce3f350..9c8eae41d1a 100644
--- a/src/docs/src/routes/components/drawer.svelte.md
+++ b/src/docs/src/routes/components/drawer.svelte.md
@@ -74,6 +74,25 @@ You can check/uncheck the checkbox using JavaScript or using `` tag.
`
}
+{
+`
+
+
+
+ Open drawer
+
+
+
+
`
+}
@@ -109,6 +128,25 @@ You can check/uncheck the checkbox using JavaScript or using `` tag.
`
}
+{
+`
+
+
+
+ Open drawer
+
+
+
+
`
+}
@@ -174,6 +212,41 @@ You can check/uncheck the checkbox using JavaScript or using `` tag.
`
}
+{
+``
+}
@@ -210,4 +283,24 @@ You can check/uncheck the checkbox using JavaScript or using `` tag.
`
}
+{
+`
+
+
+
+ Open drawer
+
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/dropdown.svelte.md b/src/docs/src/routes/components/dropdown.svelte.md
index 8d4c570880d..1a567c407c0 100644
--- a/src/docs/src/routes/components/dropdown.svelte.md
+++ b/src/docs/src/routes/components/dropdown.svelte.md
@@ -55,6 +55,15 @@ data="{[
`
}
+{
+``
+}
@@ -74,6 +83,15 @@ data="{[
`
}
+{
+``
+}
@@ -93,6 +111,15 @@ data="{[
`
}
+{
+``
+}
@@ -112,6 +139,15 @@ data="{[
`
}
+{
+``
+}
@@ -131,6 +167,15 @@ data="{[
`
}
+{
+``
+}
@@ -150,6 +195,15 @@ data="{[
`
}
+{
+``
+}
@@ -169,6 +223,15 @@ data="{[
`
}
+{
+``
+}
@@ -188,6 +251,15 @@ data="{[
`
}
+{
+``
+}
@@ -207,6 +279,15 @@ data="{[
`
}
+{
+``
+}
@@ -226,6 +307,15 @@ data="{[
`
}
+{
+``
+}
@@ -249,6 +339,17 @@ data="{[
`
}
+{
+`
+
Click
+
+
+
Card title!
+
you can use any element as a dropdown.
+
+
+
`
+}
@@ -288,6 +389,25 @@ data="{[
`
}
+{
+``
+}
@@ -319,4 +439,18 @@ data="{[
`
}
+{
+`A normal text and a helper dropdown
+
+
+
+
+
+
+
You needed more info?
+
Here is a description!
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/footer.svelte.md b/src/docs/src/routes/components/footer.svelte.md
index 82f5f55840f..2637c5adee1 100644
--- a/src/docs/src/routes/components/footer.svelte.md
+++ b/src/docs/src/routes/components/footer.svelte.md
@@ -66,6 +66,30 @@ data="{[
`
}
+{
+``
+}
@@ -123,6 +147,34 @@ data="{[
`
}
+{
+``
+}
@@ -196,6 +248,42 @@ data="{[
`
}
+{
+`
+
+
+
+
+
Newsletter
+
+
+ Enter your email address
+
+
+
+ Subscribe
+
+
+
+ `
+}
@@ -229,6 +317,22 @@ data="{[
`
}
+{
+``
+}
@@ -244,6 +348,13 @@ data="{[
`
}
+{
+``
+}
@@ -273,6 +384,20 @@ data="{[
`
}
+{
+``
+}
@@ -326,6 +451,32 @@ data="{[
`
}
+{
+``
+}
@@ -417,6 +568,51 @@ data="{[
`
}
+{
+``
+}
@@ -454,6 +650,24 @@ data="{[
`
}
+{
+``
+}
@@ -495,6 +709,26 @@ data="{[
`
}
+{
+``
+}
@@ -572,4 +806,41 @@ data="{[
`
}
+{
+`
+`
+}
diff --git a/src/docs/src/routes/components/hero.svelte.md b/src/docs/src/routes/components/hero.svelte.md
index a387d8a6ff2..4fa9fa590ff 100644
--- a/src/docs/src/routes/components/hero.svelte.md
+++ b/src/docs/src/routes/components/hero.svelte.md
@@ -40,6 +40,17 @@ data="{[
`
}
+{
+`
+
+
+
Hello there
+
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
+
Get Started
+
+
+
`
+}
@@ -65,6 +76,18 @@ data="{[
`
}
+{
+`
+
+
+
+
Box Office News!
+
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
+
Get Started
+
+
+
`
+}
@@ -90,6 +113,18 @@ data="{[
`
}
+{
+`
+
+
+
+
Box Office News!
+
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
+
Get Started
+
+
+
`
+}
@@ -155,6 +190,38 @@ data="{[
`
}
+{
+`
+
+
+
Login now!
+
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
+
+
+
+
+
+ Email
+
+
+
+
+
+ Login
+
+
+
+
+
`
+}
@@ -180,4 +247,16 @@ data="{[
`
}
+{
+`
+
+
+
+
Hello there
+
Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.
+
Get Started
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/indicator.svelte.md b/src/docs/src/routes/components/indicator.svelte.md
index 5b2b0d76023..5d5e075235e 100644
--- a/src/docs/src/routes/components/indicator.svelte.md
+++ b/src/docs/src/routes/components/indicator.svelte.md
@@ -35,6 +35,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -48,6 +54,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -61,6 +73,12 @@ data="{[
inbox
`
}
+{
+`
+ 99+
+ inbox
+
`
+}
@@ -82,6 +100,16 @@ data="{[
Requests
`
}
+{
+``
+}
@@ -99,6 +127,14 @@ data="{[
`
}
+{
+`
+
typing…
+
+
+
+
`
+}
@@ -112,6 +148,12 @@ data="{[
`
}
+{
+`
+ Required
+
+
`
+}
@@ -139,6 +181,19 @@ data="{[
`
}
+{
+`
+
+ Apply
+
+
+
+
Job Title
+
Rerum reiciendis beatae tenetur excepturi
+
+
+
`
+}
@@ -152,6 +207,12 @@ data="{[
`
}
+{
+`
+
Uploading Image...
+
+
`
+}
@@ -165,6 +226,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -178,6 +245,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -191,6 +264,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -204,6 +283,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -217,6 +302,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -230,6 +321,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -243,6 +340,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -256,6 +359,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -269,6 +378,12 @@ data="{[
content
`
}
+{
+``
+}
@@ -298,6 +413,20 @@ data="{[
content
`
}
+{
+`
+
top+start
+
top+center
+
top+end
+
middle+start
+
middle+center
+
middle+end
+
bott0m+strt
+
bottom+center
+
bottom+end
+
content
+
`
+}
@@ -311,4 +440,10 @@ data="{[
content
`
}
+{
+``
+}
diff --git a/src/docs/src/routes/components/input-group.svelte.md b/src/docs/src/routes/components/input-group.svelte.md
index 259a78e3fe9..95775075429 100644
--- a/src/docs/src/routes/components/input-group.svelte.md
+++ b/src/docs/src/routes/components/input-group.svelte.md
@@ -43,6 +43,17 @@ data="{[
`
}
+{
+`
+
+ Your Email
+
+
+ Email
+
+
+
`
+}
@@ -66,6 +77,17 @@ data="{[
`
}
+{
+`
+
+ Enter amount
+
+
+
+ BTC
+
+
`
+}
@@ -91,6 +113,18 @@ data="{[
`
}
+{
+`
+
+ Enter amount
+
+
+ Price
+
+ USD
+
+
`
+}
@@ -114,6 +148,17 @@ data="{[
`
}
+{
+`
+
+ Your Email
+
+
+ Email
+
+
+
`
+}
@@ -169,6 +214,32 @@ data="{[
`
}
+{
+`
+
+ LG
+
+
+
+
+
+ MD
+
+
+
+
+
+ SM
+
+
+
+
+
+ XS
+
+
+
`
+}
@@ -190,6 +261,16 @@ data="{[
`
}
+{
+``
+}
@@ -215,4 +296,16 @@ data="{[
`
}
+{
+`
+
+
+ Pick category
+ T-shirts
+ Mugs
+
+ Go
+
+
`
+}
diff --git a/src/docs/src/routes/components/input.svelte.md b/src/docs/src/routes/components/input.svelte.md
index 8f9c360bafe..8aad496fa33 100644
--- a/src/docs/src/routes/components/input.svelte.md
+++ b/src/docs/src/routes/components/input.svelte.md
@@ -37,6 +37,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -44,6 +47,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -51,6 +57,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -78,6 +87,19 @@ data="{[
`
}
+{
+`
+
+ What is your name?
+ Alt label
+
+
+
+ Alt label
+ Alt label
+
+
`
+}
@@ -85,6 +107,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -92,6 +117,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -99,6 +127,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -106,6 +137,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -113,6 +147,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -120,6 +157,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -127,6 +167,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -147,6 +190,17 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+ `
+}
@@ -154,4 +208,7 @@ data="{[
{
` `
}
+{
+` `
+}
diff --git a/src/docs/src/routes/components/kbd.svelte.md b/src/docs/src/routes/components/kbd.svelte.md
index 8e69bad50d2..4d72a173e3d 100644
--- a/src/docs/src/routes/components/kbd.svelte.md
+++ b/src/docs/src/routes/components/kbd.svelte.md
@@ -26,6 +26,9 @@ data="{[
{
`A `
}
+{
+`A `
+}
@@ -39,6 +42,12 @@ data="{[
Shift
Shift `
}
+{
+`Shift
+Shift
+Shift
+Shift `
+}
@@ -46,6 +55,9 @@ Press F to pay respects.
{
`Press F to pay respects.`
}
+{
+`Press F to pay respects.`
+}
@@ -61,6 +73,13 @@ Press F to pay respects.
+
del `
}
+{
+`ctrl
++
+shift
++
+del `
+}
@@ -74,6 +93,12 @@ Press F to pay respects.
⇧
⌃ `
}
+{
+`⌘
+⌥
+⇧
+⌃ `
+}
@@ -147,6 +172,41 @@ Press F to pay respects.
/
`
}
+{
+`
+ q
+ w
+ e
+ r
+ t
+ y
+ u
+ i
+ o
+ p
+
+
+ a
+ s
+ d
+ f
+ g
+ h
+ j
+ k
+ l
+
+
+ z
+ x
+ c
+ v
+ b
+ n
+ m
+ /
+
`
+}
@@ -172,4 +232,16 @@ Press F to pay respects.
▼
`
}
+{
+`
+ ▲
+
+
+ ◀︎
+ ▶︎
+
+
+ ▼
+
`
+}
diff --git a/src/docs/src/routes/components/link.svelte.md b/src/docs/src/routes/components/link.svelte.md
index 12c7cb70f51..1c4d9ce2339 100644
--- a/src/docs/src/routes/components/link.svelte.md
+++ b/src/docs/src/routes/components/link.svelte.md
@@ -27,6 +27,9 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
@@ -42,6 +45,13 @@ data="{[
normal link again.
`
}
+{
+`Tailwind CSS resets the style of links by default.
+
+ Add "link" className to make it look like a
+ normal link again.
+
`
+}
@@ -49,6 +59,9 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
@@ -56,6 +69,9 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
@@ -63,6 +79,9 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
@@ -70,6 +89,9 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
@@ -77,4 +99,7 @@ data="{[
{
`I'm a simple link `
}
+{
+`I'm a simple link `
+}
diff --git a/src/docs/src/routes/components/mask.svelte.md b/src/docs/src/routes/components/mask.svelte.md
index 874f90356ca..f6c54e6b085 100644
--- a/src/docs/src/routes/components/mask.svelte.md
+++ b/src/docs/src/routes/components/mask.svelte.md
@@ -43,6 +43,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -50,6 +53,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -57,6 +63,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -64,6 +73,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -71,6 +83,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -78,6 +93,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -85,6 +103,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -92,6 +113,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -99,6 +123,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -106,6 +133,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -113,6 +143,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -120,6 +153,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -127,6 +163,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -134,6 +173,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -141,6 +183,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -148,6 +193,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -155,6 +203,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -162,6 +213,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -169,4 +223,7 @@ data="{[
{
` `
}
+{
+` `
+}
diff --git a/src/docs/src/routes/components/menu.svelte.md b/src/docs/src/routes/components/menu.svelte.md
index f983dfb04b9..7c97a1d0d9c 100644
--- a/src/docs/src/routes/components/menu.svelte.md
+++ b/src/docs/src/routes/components/menu.svelte.md
@@ -37,6 +37,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -52,6 +59,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -67,6 +81,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -82,6 +103,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -111,6 +139,20 @@ data="{[
Item 2
`
}
+{
+` `
+}
@@ -126,6 +168,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -141,6 +190,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -156,6 +212,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -171,6 +234,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -186,6 +256,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -201,6 +278,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -216,6 +300,13 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -261,6 +352,28 @@ data="{[
`
}
+{
+` `
+}
@@ -300,6 +413,25 @@ data="{[
`
}
+{
+` `
+}
@@ -339,6 +471,25 @@ data="{[
`
}
+{
+` `
+}
@@ -378,6 +529,25 @@ data="{[
`
}
+{
+` `
+}
@@ -410,6 +580,21 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -442,6 +627,21 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -474,6 +674,21 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -506,6 +721,21 @@ data="{[
Item 3
`
}
+{
+` `
+}
@@ -572,6 +802,38 @@ data="{[
`
}
+{
+`
+ Item
+
+
+ Level 1
+
+
+ `
+}
@@ -587,4 +849,11 @@ data="{[
Item 3
`
}
+{
+` `
+}
diff --git a/src/docs/src/routes/components/mockup-code.svelte.md b/src/docs/src/routes/components/mockup-code.svelte.md
index 9055947feba..484e3562f91 100644
--- a/src/docs/src/routes/components/mockup-code.svelte.md
+++ b/src/docs/src/routes/components/mockup-code.svelte.md
@@ -26,6 +26,11 @@ data="{[
npm i daisyui
`
}
+{
+``
+}
@@ -41,6 +46,13 @@ data="{[
Done!
`
}
+{
+`
+
npm i daisyui
+
installing...
+
Done!
+
`
+}
@@ -56,6 +68,13 @@ data="{[
Error!
`
}
+{
+`
+
npm i daisyui
+
installing...
+
Error!
+
`
+}
@@ -67,6 +86,11 @@ data="{[
Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.
`
}
+{
+`
+
Magnam dolore beatae necessitatibus nemopsum itaque sit. Et porro quae qui et et dolore ratione.
+
`
+}
@@ -78,6 +102,11 @@ data="{[
without prefix
`
}
+{
+``
+}
@@ -89,4 +118,9 @@ data="{[
can be any color!
`
}
+{
+``
+}
diff --git a/src/docs/src/routes/components/mockup-phone.svelte.md b/src/docs/src/routes/components/mockup-phone.svelte.md
index cafd2f20999..de0ae04ea1e 100644
--- a/src/docs/src/routes/components/mockup-phone.svelte.md
+++ b/src/docs/src/routes/components/mockup-phone.svelte.md
@@ -32,6 +32,14 @@ data="{[
`
}
+{
+``
+}
@@ -49,4 +57,12 @@ data="{[
`
}
+{
+``
+}
diff --git a/src/docs/src/routes/components/mockup-window.svelte.md b/src/docs/src/routes/components/mockup-window.svelte.md
index 6f4d72a8de5..5edc2892f14 100644
--- a/src/docs/src/routes/components/mockup-window.svelte.md
+++ b/src/docs/src/routes/components/mockup-window.svelte.md
@@ -26,6 +26,11 @@ data="{[
Hello!
`
}
+{
+``
+}
@@ -37,4 +42,9 @@ data="{[
Hello!
`
}
+{
+``
+}
diff --git a/src/docs/src/routes/components/modal.svelte.md b/src/docs/src/routes/components/modal.svelte.md
index 2700cf63c74..68de4a7d488 100644
--- a/src/docs/src/routes/components/modal.svelte.md
+++ b/src/docs/src/routes/components/modal.svelte.md
@@ -43,6 +43,22 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
+
Congratulations random Internet user!
+
You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+ Yay!
+
+
+
`
+}
@@ -62,6 +78,21 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
Congratulations random Internet user!
+
You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+
+
`
+}
@@ -81,6 +112,20 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
+
✕
+
Congratulations random Internet user!
+
You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+
`
+}
@@ -99,6 +144,19 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
+ Congratulations random Internet user!
+ You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+ `
+}
@@ -120,6 +178,22 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
+
Congratulations random Internet user!
+
You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+ Yay!
+
+
+
`
+}
@@ -141,4 +215,20 @@ data="{[
`
}
+{
+`
+open modal
+
+
+
+
+
+
Congratulations random Internet user!
+
You've been selected for a chance to get one year of subscription to use Wikipedia for free!
+
+ Yay!
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/navbar.svelte.md b/src/docs/src/routes/components/navbar.svelte.md
index 83ec4ab9d0f..dd3c38986b7 100644
--- a/src/docs/src/routes/components/navbar.svelte.md
+++ b/src/docs/src/routes/components/navbar.svelte.md
@@ -29,6 +29,11 @@ data="{[
daisyUI
`
}
+{
+``
+}
@@ -54,6 +59,18 @@ data="{[
`
}
+{
+``
+}
@@ -89,6 +106,23 @@ data="{[
`
}
+{
+``
+}
@@ -136,6 +170,29 @@ data="{[
`
}
+{
+``
+}
@@ -195,6 +252,35 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -282,6 +368,49 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
8 Items
+
Subtotal: $999
+
+ View cart
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -343,6 +472,36 @@ data="{[
`
}
+{
+``
+}
@@ -434,6 +593,51 @@ data="{[
`
}
+{
+``
+}
@@ -457,4 +661,15 @@ data="{[
daisyUI
`
}
+{
+`
+
+`
+}
diff --git a/src/docs/src/routes/components/pagination.svelte.md b/src/docs/src/routes/components/pagination.svelte.md
index 0581de56481..2f2f059069f 100644
--- a/src/docs/src/routes/components/pagination.svelte.md
+++ b/src/docs/src/routes/components/pagination.svelte.md
@@ -32,6 +32,14 @@ data="{[
4
`
}
+{
+`
+ 1
+ 2
+ 3
+ 4
+
`
+}
@@ -87,6 +95,32 @@ data="{[
4
`
}
+{
+`
+ 1
+ 2
+ 3
+ 4
+
+
+ 1
+ 2
+ 3
+ 4
+
+
+ 1
+ 2
+ 3
+ 4
+
+
+ 1
+ 2
+ 3
+ 4
+
`
+}
@@ -106,6 +140,15 @@ data="{[
100
`
}
+{
+`
+ 1
+ 2
+ ...
+ 99
+ 100
+
`
+}
@@ -121,6 +164,13 @@ data="{[
»
`
}
+{
+`
+ «
+ Page 22
+ »
+
`
+}
@@ -134,4 +184,10 @@ data="{[
Next
`
}
+{
+`
+ Previous page
+ Next
+
`
+}
diff --git a/src/docs/src/routes/components/progress.svelte.md b/src/docs/src/routes/components/progress.svelte.md
index bfeb34602f8..582d0f7533b 100644
--- a/src/docs/src/routes/components/progress.svelte.md
+++ b/src/docs/src/routes/components/progress.svelte.md
@@ -39,6 +39,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -56,6 +63,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -73,6 +87,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -90,6 +111,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -107,6 +135,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -124,6 +159,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -141,6 +183,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -158,6 +207,13 @@ data="{[
`
}
+{
+`
+
+
+
+ `
+}
@@ -165,4 +221,7 @@ data="{[
{
` `
}
+{
+` `
+}
diff --git a/src/docs/src/routes/components/radial-progress.svelte.md b/src/docs/src/routes/components/radial-progress.svelte.md
index d4e231977b8..866320af3f6 100644
--- a/src/docs/src/routes/components/radial-progress.svelte.md
+++ b/src/docs/src/routes/components/radial-progress.svelte.md
@@ -33,6 +33,9 @@ data="{[
{
`70%
`
}
+{
+`70%
`
+}
@@ -48,6 +51,13 @@ data="{[
80%
100%
`
}
+{
+`0%
+20%
+60%
+80%
+100%
`
+}
@@ -55,6 +65,9 @@ data="{[
{
`70%
`
}
+{
+`70%
`
+}
@@ -62,13 +75,20 @@ data="{[
{
`70%
`
}
+{
+`70%
`
+}
70%
-80%
+70%
{
`70%
-80%
`
+70%
`
+}
+{
+`70%
+70%
`
}
diff --git a/src/docs/src/routes/components/radio.svelte.md b/src/docs/src/routes/components/radio.svelte.md
index 4b4e7ad74ad..18399c54c39 100644
--- a/src/docs/src/routes/components/radio.svelte.md
+++ b/src/docs/src/routes/components/radio.svelte.md
@@ -32,6 +32,10 @@ data="{[
`
`
}
+{
+`
+ `
+}
@@ -41,6 +45,10 @@ data="{[
`
`
}
+{
+`
+ `
+}
@@ -50,6 +58,10 @@ data="{[
`
`
}
+{
+`
+ `
+}
@@ -59,6 +71,10 @@ data="{[
`
`
}
+{
+`
+ `
+}
@@ -68,6 +84,10 @@ data="{[
`
`
}
+{
+`
+ `
+}
@@ -99,4 +119,18 @@ data="{[
`
}
+{
+`
+
+ Red pill
+
+
+
+
+
+ blue pill
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/range.svelte.md b/src/docs/src/routes/components/range.svelte.md
index c19b2f4a1e7..f818e151525 100644
--- a/src/docs/src/routes/components/range.svelte.md
+++ b/src/docs/src/routes/components/range.svelte.md
@@ -29,6 +29,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -52,6 +55,16 @@ data="{[
|
`
}
+{
+`
+
+ |
+ |
+ |
+ |
+ |
+
`
+}
@@ -59,6 +72,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -66,6 +82,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -73,6 +92,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -88,4 +110,10 @@ data="{[
`
}
+{
+`
+
+
+ `
+}
diff --git a/src/docs/src/routes/components/rating.svelte.md b/src/docs/src/routes/components/rating.svelte.md
index 41e91fa4dca..0a694314a02 100644
--- a/src/docs/src/routes/components/rating.svelte.md
+++ b/src/docs/src/routes/components/rating.svelte.md
@@ -40,6 +40,15 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
`
+}
@@ -59,6 +68,15 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
`
+}
@@ -78,6 +96,15 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
`
+}
@@ -97,6 +124,15 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
`
+}
@@ -164,6 +200,40 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
@@ -185,6 +255,16 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
`
+}
@@ -216,4 +296,19 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/select.svelte.md b/src/docs/src/routes/components/select.svelte.md
index c75f6188015..2901b0b69d1 100644
--- a/src/docs/src/routes/components/select.svelte.md
+++ b/src/docs/src/routes/components/select.svelte.md
@@ -51,6 +51,16 @@ data="{[
Maggie
`
}
+{
+`
+ Pick your favorite Simpson
+ Homer
+ Marge
+ Bart
+ Lisa
+ Maggie
+ `
+}
@@ -66,6 +76,13 @@ data="{[
Greedo
`
}
+{
+`
+ Who shot first?
+ Han Solo
+ Greedo
+ `
+}
@@ -83,6 +100,14 @@ data="{[
React
`
}
+{
+`
+ Pick the best JS framework
+ Svelte
+ Vue
+ React
+ `
+}
@@ -124,6 +149,26 @@ data="{[
`
}
+{
+`
+
+ Pick the best fantasy franchise
+ Alt label
+
+
+ Pick one
+ Star Wars
+ Harry Potter
+ Lord of the Rings
+ Planet of the Apes
+ Star Trek
+
+
+ Alt label
+ Alt label
+
+
`
+}
@@ -143,6 +188,15 @@ data="{[
Walking Dead
`
}
+{
+`
+ What is the best TV show?
+ Game of Thrones
+ Lost
+ Breaking Bad
+ Walking Dead
+ `
+}
@@ -170,6 +224,19 @@ data="{[
Python
`
}
+{
+`
+ Pick your favorite language
+ Java
+ Go
+ C
+ C#
+ C++
+ Rust
+ JavaScript
+ Python
+ `
+}
@@ -187,6 +254,14 @@ data="{[
Light mode
`
}
+{
+`
+ Dark mode or light mode?
+ Auto
+ Dark mode
+ Light mode
+ `
+}
@@ -204,6 +279,14 @@ data="{[
Italian
`
}
+{
+`
+ Select language
+ English
+ Japanese
+ Italian
+ `
+}
@@ -229,6 +312,18 @@ data="{[
Jojo's Bizarre Adventure
`
}
+{
+`
+ Pick your favorite anime
+ One Piece
+ Naruto
+ Death Note
+ Attack on Titan
+ Bleach
+ Fullmetal Alchemist
+ Jojo's Bizarre Adventure
+ `
+}
@@ -250,6 +345,16 @@ data="{[
Hawaiian
`
}
+{
+`
+ Pick a pizza
+ Cheese
+ Veggie
+ Pepperoni
+ Margherita
+ Hawaiian
+ `
+}
@@ -269,6 +374,15 @@ data="{[
Sanity
`
}
+{
+`
+ What is the best headless CMS
+ Strapi
+ Ghost
+ Netlify CMS
+ Sanity
+ `
+}
@@ -328,6 +442,36 @@ data="{[
Tiny Tomato
`
}
+{
+`
+
+ Large
+ Large Apple
+ Large Orange
+ Large Tomato
+
+
+
+ Normal
+ Normal Apple
+ Normal Orange
+ Normal Tomato
+
+
+
+ Small
+ Small Apple
+ Small Orange
+ Small Tomato
+
+
+
+ Tiny
+ Tiny Apple
+ Tiny Orange
+ Tiny Tomato
+ `
+}
@@ -339,4 +483,9 @@ data="{[
You can't touch this
`
}
+{
+`
+ You can't touch this
+ `
+}
diff --git a/src/docs/src/routes/components/stack.svelte.md b/src/docs/src/routes/components/stack.svelte.md
index fbba2ed72bc..64755d79017 100644
--- a/src/docs/src/routes/components/stack.svelte.md
+++ b/src/docs/src/routes/components/stack.svelte.md
@@ -30,6 +30,13 @@ data="{[
3
`
}
+{
+``
+}
@@ -45,6 +52,13 @@ data="{[
3
`
}
+{
+``
+}
@@ -60,6 +74,13 @@ data="{[
`
}
+{
+``
+}
@@ -87,6 +108,19 @@ data="{[
`
}
+{
+``
+}
@@ -114,6 +148,19 @@ data="{[
`
}
+{
+``
+}
@@ -159,4 +206,26 @@ data="{[
`
}
+{
+`
+
+
+
Notification 1
+
You have 3 unread messages. Tap here to see.
+
+
+
+
+
Notification 2
+
You have 3 unread messages. Tap here to see.
+
+
+
+
+
Notification 3
+
You have 3 unread messages. Tap here to see.
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/stat.svelte.md b/src/docs/src/routes/components/stat.svelte.md
index 77aad3ea36b..97aaf6ca426 100644
--- a/src/docs/src/routes/components/stat.svelte.md
+++ b/src/docs/src/routes/components/stat.svelte.md
@@ -41,6 +41,17 @@ data="{[
21% more than last month
+`
+}
+{
+`
+
+
+
Total Page Views
+
89,400
+
21% more than last month
+
+
`
}
@@ -110,6 +121,42 @@ data="{[
31 tasks remaining
+`
+}
+{
+`
+
+
+
+
Total Likes
+
25.6K
+
21% more than last month
+
+
+
+
+
Page Views
+
2.6M
+
21% more than last month
+
+
+
+
+
+
+
+
+
+
+
86%
+
Tasks done
+
31 tasks remaining
+
+
`
}
@@ -171,6 +218,38 @@ data="{[
↘︎ 90 (14%)
+`
+}
+{
+`
+
+
+
+
Downloads
+
31K
+
Jan 1st - Feb 1st
+
+
+
+
+
New Users
+
4,200
+
↗︎ 400 (22%)
+
+
+
+
+
New Registers
+
1,200
+
↘︎ 90 (14%)
+
+
`
}
@@ -214,6 +293,29 @@ data="{[
↘︎ 90 (14%)
+`
+}
+{
+`
+
+
+
Downloads
+
31K
+
From January 1st to February 1st
+
+
+
+
Users
+
4,200
+
↗︎ 40 (2%)
+
+
+
+
New Registers
+
1,200
+
↘︎ 90 (14%)
+
+
`
}
@@ -257,6 +359,29 @@ data="{[
↘︎ 90 (14%)
+`
+}
+{
+`
+
+
+
Downloads
+
31K
+
Jan 1st - Feb 1st
+
+
+
+
New Users
+
4,200
+
↗︎ 400 (22%)
+
+
+
+
New Registers
+
1,200
+
↘︎ 90 (14%)
+
+
`
}
@@ -300,6 +425,29 @@ data="{[
↘︎ 90 (14%)
+`
+}
+{
+`
+
+
+
Downloads
+
31K
+
Jan 1st - Feb 1st
+
+
+
+
New Users
+
4,200
+
↗︎ 400 (22%)
+
+
+
+
New Registers
+
1,200
+
↘︎ 90 (14%)
+
+
`
}
@@ -342,6 +490,28 @@ data="{[
+`
+}
+{
+`
+
+
+
Account balance
+
$89,400
+
+ Add funds
+
+
+
+
+
Current balance
+
$89,400
+
+ Withdrawal
+ deposit
+
+
+
`
}
diff --git a/src/docs/src/routes/components/steps.svelte.md b/src/docs/src/routes/components/steps.svelte.md
index 91290ffc7e6..bb459d21583 100644
--- a/src/docs/src/routes/components/steps.svelte.md
+++ b/src/docs/src/routes/components/steps.svelte.md
@@ -42,6 +42,14 @@ data="{[
Receive Product
`
}
+{
+`
+ Register
+ Choose plan
+ Purchase
+ Receive Product
+ `
+}
@@ -59,6 +67,14 @@ data="{[
Receive Product
`
}
+{
+`
+ Register
+ Choose plan
+ Purchase
+ Receive Product
+ `
+}
@@ -76,6 +92,14 @@ data="{[
Receive Product
`
}
+{
+`
+ Register
+ Choose plan
+ Purchase
+ Receive Product
+ `
+}
@@ -99,6 +123,17 @@ data="{[
Step 7
`
}
+{
+`
+ Step 1
+ Step 2
+ Step 3
+ Step 4
+ Step 5
+ Step 6
+ Step 7
+ `
+}
@@ -116,6 +151,14 @@ data="{[
Sit on toilet
`
}
+{
+`
+ Fly to moon
+ Shrink the moon
+ Grab the moon
+ Sit on toilet
+ `
+}
@@ -177,4 +220,34 @@ data="{[
`
}
+{
+`
+
+ start
+ 2
+ 3
+ 4
+ 5
+ 6
+ 7
+ 8
+ 9
+ 10
+ 11
+ 12
+ 13
+ 14
+ 15
+ 16
+ 17
+ 18
+ 19
+ 20
+ 21
+ 22
+ 23
+ end
+
+
`
+}
diff --git a/src/docs/src/routes/components/swap.svelte.md b/src/docs/src/routes/components/swap.svelte.md
index b0c6e79e59e..046d169eb41 100644
--- a/src/docs/src/routes/components/swap.svelte.md
+++ b/src/docs/src/routes/components/swap.svelte.md
@@ -36,6 +36,13 @@ data="{[
OFF
`
}
+{
+`
+
+ ON
+ OFF
+ `
+}
@@ -56,6 +63,20 @@ data="{[
+`
+}
+{
+`
+
+
+
+
+
+
+
+
+
+
`
}
@@ -78,6 +99,20 @@ data="{[
+`
+}
+{
+`
+
+
+
+
+
+
+
+
+
+
`
}
@@ -100,6 +135,20 @@ data="{[
+`
+}
+{
+`
+
+
+
+
+
+
+
+
+
+
`
}
@@ -119,6 +168,17 @@ data="{[
😈
😇
+`
+}
+{
+`
+
+
+
+
+ 😈
+ 😇
+
`
}
@@ -142,4 +202,14 @@ data="{[
😭
`
}
+{
+`
+ 🥵
+ 🥶
+
+
+ 🥳
+ 😭
+ `
+}
diff --git a/src/docs/src/routes/components/tab.svelte.md b/src/docs/src/routes/components/tab.svelte.md
index a560db6f325..e8722bbb149 100644
--- a/src/docs/src/routes/components/tab.svelte.md
+++ b/src/docs/src/routes/components/tab.svelte.md
@@ -39,6 +39,13 @@ data="{[
Tab 3
`
}
+{
+``
+}
@@ -54,6 +61,13 @@ data="{[
Tab 3
`
}
+{
+``
+}
@@ -69,6 +83,13 @@ data="{[
Tab 3
`
}
+{
+``
+}
@@ -84,6 +105,13 @@ data="{[
Tab 3
`
}
+{
+``
+}
@@ -135,4 +163,30 @@ data="{[
Large
`
}
+{
+`
+
+
+
+
+
+
+`
+}
diff --git a/src/docs/src/routes/components/table.svelte.md b/src/docs/src/routes/components/table.svelte.md
index d3743756bb9..2eb889200f4 100644
--- a/src/docs/src/routes/components/table.svelte.md
+++ b/src/docs/src/routes/components/table.svelte.md
@@ -93,6 +93,44 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+ 1
+ Cy Ganderton
+ Quality Control Specialist
+ Blue
+
+
+
+ 2
+ Hart Hagerty
+ Desktop Support Technician
+ Purple
+
+
+
+ 3
+ Brice Swyre
+ Tax Accountant
+ Red
+
+
+
+
`
+}
@@ -166,6 +204,44 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+ 1
+ Cy Ganderton
+ Quality Control Specialist
+ Blue
+
+
+
+ 2
+ Hart Hagerty
+ Desktop Support Technician
+ Purple
+
+
+
+ 3
+ Brice Swyre
+ Tax Accountant
+ Red
+
+
+
+
`
+}
@@ -239,6 +315,44 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+ 1
+ Cy Ganderton
+ Quality Control Specialist
+ Blue
+
+
+
+ 2
+ Hart Hagerty
+ Desktop Support Technician
+ Purple
+
+
+
+ 3
+ Brice Swyre
+ Tax Accountant
+ Red
+
+
+
+
`
+}
@@ -312,6 +426,44 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+ 1
+ Cy Ganderton
+ Quality Control Specialist
+ Blue
+
+
+
+ 2
+ Hart Hagerty
+ Desktop Support Technician
+ Purple
+
+
+
+ 3
+ Brice Swyre
+ Tax Accountant
+ Red
+
+
+
+
`
+}
@@ -612,6 +764,159 @@ data="{[
`
}
+{
+`
+
+
+
+
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hart Hagerty
+
United States
+
+
+
+
+ Zemlak, Daniel and Leannon
+
+ Desktop Support Technician
+
+ Purple
+
+ details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Carroll Group
+
+ Tax Accountant
+
+ Red
+
+ details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Marjy Ferencz
+
Russia
+
+
+
+
+ Rowe-Schoen
+
+ Office Assistant I
+
+ Crimson
+
+ details
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Wyman-Ledner
+
+ Community Outreach Specialist
+
+ Indigo
+
+ details
+
+
+
+
+
+
+
+ Name
+ Job
+ Favorite Color
+
+
+
+
+
+
`
+}
@@ -1033,4 +1338,214 @@ data="{[
`
}
+{
+`
+
+
+
+
+ Name
+ Job
+ company
+ location
+ Last Login
+ Favorite Color
+
+
+
+
+ 1
+ Cy Ganderton
+ Quality Control Specialist
+ Littel, Schaden and Vandervort
+ Canada
+ 12/16/2020
+ Blue
+
+
+ 2
+ Hart Hagerty
+ Desktop Support Technician
+ Zemlak, Daniel and Leannon
+ United States
+ 12/5/2020
+ Purple
+
+
+ 3
+ Brice Swyre
+ Tax Accountant
+ Carroll Group
+ China
+ 8/15/2020
+ Red
+
+
+ 4
+ Marjy Ferencz
+ Office Assistant I
+ Rowe-Schoen
+ Russia
+ 3/25/2021
+ Crimson
+
+
+ 5
+ Yancy Tear
+ Community Outreach Specialist
+ Wyman-Ledner
+ Brazil
+ 5/22/2020
+ Indigo
+
+
+ 6
+ Irma Vasilik
+ Editor
+ Wiza, Bins and Emard
+ Venezuela
+ 12/8/2020
+ Purple
+
+
+ 7
+ Meghann Durtnal
+ Staff Accountant IV
+ Schuster-Schimmel
+ Philippines
+ 2/17/2021
+ Yellow
+
+
+ 8
+ Sammy Seston
+ Accountant I
+ O'Hara, Welch and Keebler
+ Indonesia
+ 5/23/2020
+ Crimson
+
+
+ 9
+ Lesya Tinham
+ Safety Technician IV
+ Turner-Kuhlman
+ Philippines
+ 2/21/2021
+ Maroon
+
+
+ 10
+ Zaneta Tewkesbury
+ VP Marketing
+ Sauer LLC
+ Chad
+ 6/23/2020
+ Green
+
+
+ 11
+ Andy Tipple
+ Librarian
+ Hilpert Group
+ Poland
+ 7/9/2020
+ Indigo
+
+
+ 12
+ Sophi Biles
+ Recruiting Manager
+ Gutmann Inc
+ Indonesia
+ 2/12/2021
+ Maroon
+
+
+ 13
+ Florida Garces
+ Web Developer IV
+ Gaylord, Pacocha and Baumbach
+ Poland
+ 5/31/2020
+ Purple
+
+
+ 14
+ Maribeth Popping
+ Analyst Programmer
+ Deckow-Pouros
+ Portugal
+ 4/27/2021
+ Aquamarine
+
+
+ 15
+ Moritz Dryburgh
+ Dental Hygienist
+ Schiller, Cole and Hackett
+ Sri Lanka
+ 8/8/2020
+ Crimson
+
+
+ 16
+ Reid Semiras
+ Teacher
+ Sporer, Sipes and Rogahn
+ Poland
+ 7/30/2020
+ Green
+
+
+ 17
+ Alec Lethby
+ Teacher
+ Reichel, Glover and Hamill
+ China
+ 2/28/2021
+ Khaki
+
+
+ 18
+ Aland Wilber
+ Quality Control Specialist
+ Kshlerin, Rogahn and Swaniawski
+ Czech Republic
+ 9/29/2020
+ Purple
+
+
+ 19
+ Teddie Duerden
+ Staff Accountant III
+ Pouros, Ullrich and Windler
+ France
+ 10/27/2020
+ Aquamarine
+
+
+ 20
+ Lorelei Blackstone
+ Data Coordiator
+ Witting, Kutch and Greenfelder
+ Kazakhstan
+ 6/3/2020
+ Red
+
+
+
+
+
+ Name
+ Job
+ company
+ location
+ Last Login
+ Favorite Color
+
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/textarea.svelte.md b/src/docs/src/routes/components/textarea.svelte.md
index 8f155996a4e..4d4419cac04 100644
--- a/src/docs/src/routes/components/textarea.svelte.md
+++ b/src/docs/src/routes/components/textarea.svelte.md
@@ -33,6 +33,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -40,6 +43,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -47,6 +53,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -74,6 +83,19 @@ data="{[
`
}
+{
+`
+
+ Your bio
+ Alt label
+
+
+
+ Your bio
+ Alt label
+
+
`
+}
@@ -81,6 +103,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -88,6 +113,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -95,6 +123,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -102,6 +133,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -109,6 +143,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -116,6 +153,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -123,6 +163,9 @@ data="{[
{
``
}
+{
+``
+}
@@ -130,4 +173,7 @@ data="{[
{
``
}
+{
+``
+}
diff --git a/src/docs/src/routes/components/toast.svelte.md b/src/docs/src/routes/components/toast.svelte.md
index d0127b236bc..e4cfe60a503 100644
--- a/src/docs/src/routes/components/toast.svelte.md
+++ b/src/docs/src/routes/components/toast.svelte.md
@@ -42,6 +42,15 @@ data="{[
`
}
+{
+`
+
+
+ New message arrived.
+
+
+
`
+}
@@ -74,6 +83,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -106,6 +129,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -138,6 +175,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -170,6 +221,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -202,6 +267,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -234,6 +313,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -266,6 +359,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -298,6 +405,20 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
@@ -330,5 +451,19 @@ data="{[
`
}
+{
+`
+
+
+ New mail arrived.
+
+
+
+
+ Message sent successfully.
+
+
+
`
+}
diff --git a/src/docs/src/routes/components/toggle.svelte.md b/src/docs/src/routes/components/toggle.svelte.md
index 5a4e8a15d4f..74d442cf333 100644
--- a/src/docs/src/routes/components/toggle.svelte.md
+++ b/src/docs/src/routes/components/toggle.svelte.md
@@ -31,6 +31,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -48,6 +51,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -65,6 +76,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -82,6 +101,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -99,6 +126,14 @@ data="{[
`
}
+{
+`
+
+ Remember me
+
+
+
`
+}
@@ -114,6 +149,12 @@ data="{[
`
}
+{
+`
+
+
+ `
+}
@@ -121,6 +162,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -128,6 +172,9 @@ data="{[
{
` `
}
+{
+` `
+}
@@ -139,4 +186,11 @@ data="{[
`
}
+{
+`
+
+ `
+}
diff --git a/src/docs/src/routes/components/tooltip.svelte.md b/src/docs/src/routes/components/tooltip.svelte.md
index 8a24183fe67..04b7c5d33ed 100644
--- a/src/docs/src/routes/components/tooltip.svelte.md
+++ b/src/docs/src/routes/components/tooltip.svelte.md
@@ -39,6 +39,11 @@ data="{[
Hover me
`
}
+{
+`
+ Hover me
+
`
+}
@@ -52,6 +57,11 @@ data="{[
Force open
`
}
+{
+`
+ Force open
+
`
+}
@@ -65,6 +75,11 @@ data="{[
Bottom
`
}
+{
+`
+ Bottom
+
`
+}
@@ -78,6 +93,11 @@ data="{[
Left
`
}
+{
+`
+ Left
+
`
+}
@@ -91,6 +111,11 @@ data="{[
Right
`
}
+{
+`
+ Right
+
`
+}
@@ -104,6 +129,11 @@ data="{[
primary
`
}
+{
+`
+ primary
+
`
+}
@@ -117,6 +147,11 @@ data="{[
secondary
`
}
+{
+`
+ secondary
+
`
+}
@@ -130,6 +165,11 @@ data="{[
accent
`
}
+{
+`
+ accent
+
`
+}
@@ -143,6 +183,11 @@ data="{[
info
`
}
+{
+`
+ info
+
`
+}
@@ -156,6 +201,11 @@ data="{[
success
`
}
+{
+`
+ success
+
`
+}
@@ -169,6 +219,11 @@ data="{[
warning
`
}
+{
+`
+ warning
+
`
+}
@@ -182,4 +237,9 @@ data="{[
error
`
}
+{
+`
+ error
+
`
+}