Link
A standard anchor wrapper styled for Fluid UI, supporting client-side navigation in SvelteKit.
Props
Prop | Type | Default | Description |
|---|---|---|---|
href | string | required | The destination URL or path. |
children | Snippet | required | The content to be rendered inside the link. |
class | string | '' | CSS classes to apply to the link. |
overrideDefaultStyling | boolean | false | If true, removes the base fluid-link class. |
...rest | HTMLAnchorAttributes | — | Standard HTML <a> attributes. |
Samples
Standard Link
A basic link with default fluid styling.
0
<Link href="/documentation/base/button">1
Navigate to Button2
</Link>Custom Styled
A link with additional Tailwind utility classes.
0
<Link 1
href="/documentation/base/image" 2
class="font-bold text-primary-600 uppercase"3
>4
Bold Primary Link5
</Link>