PageActions

Share, copy-link, and back-to-top action group.

Usage

svelte

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

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

Examples

Share and navigation

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

<PageActions
  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 used by share and copy link.
title	`string`	—	Page title used by share targets.
description?	`string`	""	Optional page description for share targets.
labels?	`{ aria?; copied?; copyLink?; backToTop? }`	—	Visible and accessible strings; defaults are English.
shareLabels?	`ShareLabels`	—	Forwarded to the nested `PageShare` menu.