Components / Data & content

Email Address

Component + manager

Displays an email address with quick copy and mailto actions.

Preview
Usage
API reference

Live preview

Interactive example

Contact details

Copy an address or open it in your email app.

Usage

Import the component and its manager, then make it your own.

ComponentEmailAddress
Managercreate_email_address_manager

svelte

<script>
  // Import the shared stylesheet once in your application's root layout.
  import "sveltekit-ui/style.css"
  import { EmailAddress, create_email_address_manager } from "sveltekit-ui"

  const manager = create_email_address_manager({ val: "hello@example.com" })
</script>

<EmailAddress {manager} />

API reference

Configure the manager, call its methods, and read its reactive state.

1 entry in configuration

PropertyTypeDefaultDescription
valstring nullthe email address value