1 files changed, 24 insertions, 0 deletions
diff --git a/apps/kit/src/routes/book/buttons/+page.svelte b/apps/kit/src/routes/book/buttons/+page.svelte
new file mode 100644
index 0000000..c8e8c93
--- /dev/null
+++ b/apps/kit/src/routes/book/buttons/+page.svelte
@@ -0,0 +1,24 @@
+<script>
+    import Button from "$lib/components/button.svelte";
+</script>
+
+<h1>Buttons</h1>
+<section>
+    <h2>Primary</h2>
+    <div class="">
+        <Button kind="primary" text="Normal" />
+        <Button kind="primary" text="Large" size="lg" />
+        <Button kind="primary" text="Medium" size="md" />
+        <Button kind="primary" text="Small" size="sm" />
+        <Button kind="primary" text="Extra large" size="xl" />
+        <Button kind="primary" text="Extra small" size="xs" />
+    </div>
+</section>
+<section>
+    <h2>Secondary</h2>
+    <Button kind="secondary" text="Click me!" />
+</section>
+<section>
+    <h2>White</h2>
+    <Button kind="white" text="Click me!" />
+</section>