<h2>Overview:</h2>
The @svelte-put library includes multiple packages that provide useful functionality for Svelte projects. These packages have self-managed release cycles and are listed below. Each package offers a specific feature, such as avatar components, click outside events, copying text to clipboard, drag-to-scroll behavior, and more. The library also includes documentation for each package, making it easy to understand and implement these features in your Svelte projects.
<h2>Features:</h2>
<ul>
<li>@svelte-put/avatar: Provides components and utilities for avatar images.</li>
<li>@svelte-put/clickoutside: Triggers an event when clicking outside a specific node.</li>
<li>@svelte-put/copy: Allows copying text to the clipboard.</li>
<li>@svelte-put/dragscroll: Adds drag-to-scroll behavior to elements.</li>
<li>@svelte-put/intersect: A wrapper for IntersectionObserver, useful for tracking when an element enters or exits the viewport.</li>
<li>@svelte-put/inline-svg: Dynamically inserts SVGs into the DOM.</li>
<li>@svelte-put/lockscroll: Locks the scroll and hides the scrollbar on a specific element.</li>
<li>@svelte-put/modal: Builds type-safe asynchronous modals.</li>
<li>@svelte-put/movable: Allows moving a node when it's clicked or dragged.</li>
<li>@svelte-put/noti: Builds type-safe and headless asynchronous notification components.</li>
<li>@svelte-put/preprocess-auto-slug: Automatically adds an ID and anchor to selected nodes during Svelte preprocessing.</li>
</ul>

Vnphanquang

Svelte Put