---
layout: typographyLayout
title: Svelte Links - Flowbite
breadcrumb_title: Links
dir: Typography
description: The link component can be used to set hyperlinks from one page to another or to an external website when clicking on an inline text item, button, or card
---
Home{dir}{breadcrumb_title}{title}{description}A
Get started with the link component to enable hyperlinks across pages and external websites applied to elements such as inline text, buttons, cards, inside paragraphs, and more.
Hyperlinks are a great way to reduce bounce rate of the current page and encourage visitors to browse your website and become a returning user.
```html
```
Use this example to set default styles to an inline link element.
```svelte example
Read more
```
This example can be used to set a hyperlink on a button component.
```svelte example
```
Use this example to set a link inside a paragraph with an underline style.
```svelte example
The free updates that will be provided is based on the roadmap that we have laid out for this project. It is also possible that we will provide extra updates outside of the roadmap as well.
```
This example can be used to set a custom SVG icon inside the hyperlink element.
```svelte example
```
Use this example to set a hyperlink on a CTA element with text and a custom icon.
```svelte example
Get started with our Figma Design System
```
Use this example to set a hyperlink on a card component.
```svelte example
Noteworthy technology acquisitions 2021
Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
```
This example can be used to set a hyperlink on an image inside a card component.
```svelte example
Noteworthy technology acquisitions 2021
Here are the biggest enterprise technology acquisitions of 2021 so far, in reverse chronological order.
```
The component has the following props, type, and default values. See types page for type information.