web_lib

Common web application libraries
git clone https://radroots.dev/git/web_lib.git
Log | Files | Refs | LICENSE

button-glyph-circle.svelte (738B)

      1 <script lang="ts">
      2     import type { IButtonGlyphCircle } from "$lib/types/components/lib";
      3     import { fmt_cl, GLYPH_STYLE_MAP } from "@radroots/apps-lib";
      4     import GlyphButton from "./button-glyph.svelte";
      5 
      6     let { basis }: { basis: IButtonGlyphCircle } = $props();
      7 
      8     const styles = $derived(
      9         basis?.glyph?.dim
     10             ? GLYPH_STYLE_MAP.get(basis?.glyph?.dim)
     11             : GLYPH_STYLE_MAP.get(`sm`),
     12     );
     13 </script>
     14 
     15 {#if styles?.dim_1}
     16     <div
     17         class={`${fmt_cl(basis?.classes_wrap)} flex flex-col h-[${
     18             styles?.dim_1
     19         }px] w-[${
     20             styles?.dim_1
     21         }px] justify-center items-center rounded-full el-re`}
     22     >
     23         <GlyphButton basis={basis?.glyph} />
     24     </div>
     25 {/if}