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 user interaction.

View Code

<Hyperlink href="/" disabled>Disabled Link</Hyperlink>

Disabled Link

Props

Name	Type	Default	Description
`href`	`string`	`'#'`	The URL the hyperlink points to.
`disabled`	`boolean`		Disables the user interaction.
`ref` bindable	`HTMLAnchorElement`		The DOM reference of the anchor element.
Element Attributes (`a`)