From e6815eb75f45b56a8404a24d0d96b3e79ba73834 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Wed, 30 Dec 2020 11:55:30 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Tabs?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #5
---
 src/components/Tabs.svelte | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 src/components/Tabs.svelte

diff --git a/src/components/Tabs.svelte b/src/components/Tabs.svelte
new file mode 100644
index 00000000..afcb8bef
--- /dev/null
+++ b/src/components/Tabs.svelte
@@ -0,0 +1,18 @@
+<h3 class="text-lg">Tabs</h3>
+<div
+  class="w-full flex sm:border-b sm:border-gray-300 relative flex-col sm:flex-row">
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    1
+  </div>
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    2
+  </div>
+  <div
+    class="flex-1 sm:text-center font-medium pb-3 cursor-pointer hover:text-blue-400 false">
+    3
+  </div>
+  <div
+    class="hidden sm:block absolute bottom-0 left-0 h-1 bg-blue-400 transition-transform duration-300 ease-out w-1/4 transform translate-x-double" />
+</div>