feat: add dots component

agence-webup · Jun 28, 2023 · adca9b6 · adca9b6
1 parent 8d4463c
commit adca9b6
Showing 1 changed file with 36 additions and 0 deletions.
diff --git a/resources/views/components/dot.blade.php b/resources/views/components/dot.blade.php
@@ -0,0 +1,36 @@
+@props(['modifier' => 'red'])
+
+@php
+    $additionalClasses = '';
+    switch ($modifier) {
+        case 'gray':
+            $additionalClasses = 'bg-gray-400';
+            break;
+        case 'red':
+            $additionalClasses = 'bg-red-400';
+            break;
+        case 'yellow':
+            $additionalClasses = 'bg-yellow-400';
+            break;
+        case 'green':
+            $additionalClasses = 'bg-green-400';
+            break;
+        case 'blue':
+            $additionalClasses = 'bg-blue-400';
+            break;
+        case 'indigo':
+            $additionalClasses = 'bg-indigo-400';
+            break;
+        case 'purple':
+            $additionalClasses = 'bg-purple-400';
+            break;
+        case 'pink':
+            $additionalClasses = 'bg-pink-400';
+            break;
+        case 'orange':
+            $additionalClasses = 'bg-orange-400';
+            break;
+    }
+@endphp
+
+<span {{ $attributes->merge(['class' => "{$additionalClasses} inline-flex rounded-full w-2.5 h-2.5"]) }}></span>