web_lib

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

button-round-nav.svelte (670B)


      1 <script lang="ts">
      2     import type { IButtonNavRound } from "$lib/types/components/lib";
      3     import { Glyph } from "@radroots/apps-lib";
      4     import LoadCircle from "../lib/load-circle.svelte";
      5 
      6     let { basis }: { basis: IButtonNavRound } = $props();
      7 </script>
      8 
      9 <button
     10     class={`flex flex-row h-12 w-12 justify-center items-center bg-ly1 rounded-full el-re`}
     11     disabled={!!basis.disabled}
     12     onclick={basis.callback}
     13 >
     14     {#if basis.loading}
     15         <LoadCircle />
     16     {:else}
     17         <Glyph
     18             basis={{
     19                 classes: `text-ly0-gl`,
     20                 dim: `sm+`,
     21 
     22                 key: basis.glyph,
     23             }}
     24         />
     25     {/if}
     26 </button>