PageShare

Share menu with native share, X, LinkedIn, email, and copy.

Usage

svelte

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

<PageShare
  url="https://milandekruijf.com/design"
  title="Design system"
  description="Docs for the milandekruijf.com design system."
/>

Examples

Share menu

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

<PageShare
  url="https://milandekruijf.com/design"
  title="Design system"
  description="Docs for the milandekruijf.com design system."
/>

Props

Prop	Type	Default	Description
url	`string`	—	Page URL shared by every target.
title	`string`	—	Page title shared by every target.
description?	`string`	""	Optional page description for share targets.
labels?	`ShareLabels`	—	Visible and accessible strings (`trigger`, `copyLink`, `native`, `byEmail`); defaults are English.