Anchor
The Anchor component provides navigation links with FluentUI styling.
Import
<script>
import { Anchor } from 'svelte-fluentui';
</script>svelte
Basic Usage
<Anchor href="/about">About Us</Anchor>svelte
External Link
<Anchor href="https://example.com" target="_blank">External Link</Anchor>svelte
Disabled Link
<Anchor disabled>Disabled Link</Anchor>svelte
Properties
| Property | Type | Default | Description |
|---|---|---|---|
href | string | undefined | Link URL |
target | string | undefined | Link target (_blank, _self, etc.) |
disabled | boolean | false | Whether the link is disabled |
Events
| Event | Description |
|---|---|
on:click | Fired when the link is clicked |