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>