From 9372f7da2f86e43a8fc35b5042610782795d79f6 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Tue, 11 Oct 2022 12:55:31 +0800
Subject: feat: Add badges

---
 code/app/src/routes/book/badges/+page.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 code/app/src/routes/book/badges/+page.svelte

(limited to 'code/app/src/routes/book/badges/+page.svelte')

diff --git a/code/app/src/routes/book/badges/+page.svelte b/code/app/src/routes/book/badges/+page.svelte
new file mode 100644
index 0000000..1e06a7c
--- /dev/null
+++ b/code/app/src/routes/book/badges/+page.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+    import Badge from "$lib/components/badge.svelte";
+</script>
+
+<section>
+    <h2>Variants</h2>
+    <Badge text="default" />
+    <Badge type="blue" text="blue" />
+    <Badge type="green" text="green" />
+    <Badge type="red" text="red" />
+    <Badge type="tame" text="tame" />
+    <Badge type="yellow" text="yellow" />
+    <Badge size="large" text="large" />
+    <Badge text="with dot" withDot type="blue" />
+    <Badge text="removable" removeable id="badge-1" on:remove={(e) => alert("removed " + e.detail.id)} />
+    <Badge text="with dot" size="large" withDot type="blue" />
+    <Badge text="removable" removeable size="large" id="badge-2" uppercase on:remove={(e) => alert("removed " + e.detail.id)} />
+</section>
-- 
cgit v1.3

