Add hide sensitive content setting

2024-10-17 15:21:22 -07:00
parent 13bb2f80a8
commit defb16aa1c
4 changed files with 94 additions and 52 deletions
@@ -1,9 +1,13 @@
 <div class="flex flex-col gap-2 {$$props.class}">
-  <label class="flex items-center gap-2 font-bold">
-    <slot name="label" />
-  </label>
+  {#if $$slots.label}
+    <label class="flex items-center gap-2 font-bold">
+      <slot name="label" />
+    </label>
+  {/if}
  <slot name="input" />
-  <p class="text-sm">
-    <slot name="info" />
-  </p>
+  {#if $$slots.info}
+    <p class="text-sm">
+      <slot name="info" />
+    </p>
+  {/if}
 </div>
@@ -0,0 +1,13 @@
+<div class="flex flex-col gap-2 {$$props.class}">
+  <div class="flex justify-between">
+    <label class="flex items-center gap-2 font-bold">
+      <slot name="label" />
+    </label>
+    <slot name="input" />
+  </div>
+  {#if $$slots.info}
+    <p class="text-sm">
+      <slot name="info" />
+    </p>
+  {/if}
+</div>