Complete questionnaire builder

2021-06-26 21:32:42 +03:00
parent deb445b694
commit 445858f4bb
14 changed files with 269 additions and 254 deletions
@@ -1,13 +1,17 @@
 <script>
+  import { VARIANTS, VARIANTS_CLASS } from "./constants";
  export let label;
  export let className = "";
  export let onClick = () => {};
  export let name = "";
  export let type;
+  export let variant = VARIANTS.CONTAINED;
+
+  const variantClass = VARIANTS_CLASS[variant];
 </script>

 <button
-  class="bg-blue-700 hover:bg-blue-900 text-white font-bold py-1 px-3 rounded {className}"
+  class="h-auto {variantClass} py-1 px-3 rounded {className} transition delay-150 duration-300 ease-in-out"
  on:click={onClick}
  {name}
  {type}