Flow Button

A button with animated flowing dashed border on hover.

Installation

pnpm dlx shadcn-svelte@latest add https://spelte.dev/r/flow-button.json

Usage

<script>
  import FlowButton from '$registry/spelte/flow-button.svelte';
</script>
 
<FlowButton>Click me</FlowButton>

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | "sm" | "default" | "lg" | "default" | Button size | | borderColor | string | "var(--rotating-border-color)" | Color of the animated dashed border | | href | string | — | Renders as <a> link when set | | class | string | — | Additional CSS classes |