web_lib

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

fade.svelte (723B)

      1 <script lang="ts">
      2     import { fmt_cl } from "$lib/utils/app";
      3     import type { Snippet } from "svelte";
      4     import { cubicIn, cubicOut } from "svelte/easing";
      5     import { fade, type FadeParams } from "svelte/transition";
      6 
      7     let {
      8         basis,
      9         children,
     10     }: {
     11         basis?: {
     12             in?: FadeParams;
     13             out?: FadeParams;
     14             classes?: string;
     15         };
     16         children: Snippet;
     17     } = $props();
     18 </script>
     19 
     20 <div
     21     in:fade={{
     22         duration: 200,
     23         easing: cubicIn,
     24         ...basis?.in,
     25     }}
     26     out:fade={{
     27         duration: 200,
     28         easing: cubicOut,
     29         ...basis?.out,
     30     }}
     31     class={`flex ${fmt_cl(basis?.classes)}`}
     32 >
     33     {@render children()}
     34 </div>