How do I set where a Hyperlink navigates?

Set the href prop to the URL you want the link to navigate to when clicked.

How do I disable a Hyperlink?

Add the disabled prop. This prevents navigation and removes the link from the tab order.

Hyperlink

The Hyperlink component is used to create clickable links that navigate to a specified URL. It follows Fluent UI design principles and ensures accessibility and smooth user interactions.

Go to Home Disabled Link

Usage

<script>
  import { Hyperlink } from 'fluentui-svelte';
</script>

<Hyperlink href="/">Go to Home</Hyperlink>

Disabled

Disables the hyperlink and prevents navigation.

View Code

Disabled Link

Props

Name	Type	Description
`href`	`string`	The URL to navigate to when the link is clicked.
`disabled`	`boolean`	Disables the hyperlink and prevents navigation.
`children`	`Snippet`	The content of the hyperlink.
`ref`	`HTMLAnchorElement`	A bindable reference to the underlying anchor element.
Element Attributes		You can use any valid HTML anchor attributes (e.g., target, rel, etc.).