ExternalLink

Link with an external-link icon for resources outside the site.

Usage

svelte

<script lang="ts">
  import { ExternalLink } from "@milandekruijf/ui/svelte";
</script>

<ExternalLink href="https://www.npmjs.com/package/@milandekruijf/ui">
  @milandekruijf/ui on npm
</ExternalLink>

Examples

External link

@milandekruijf/ui on npm

<script lang="ts">
  import { ExternalLink } from "@milandekruijf/ui/svelte";
</script>

<ExternalLink href="https://www.npmjs.com/package/@milandekruijf/ui">
  @milandekruijf/ui on npm
</ExternalLink>

Props

Prop	Type	Default	Description
href	`string`	—	External destination.
class?	`string`	—	Extra classes merged after the recipe classes.
children	`Snippet`	—	Visible link text; truncates with an ellipsis and keeps the icon in place.