Context menu for copying brand SVGs and opening asset links.
@lucide/sveltesvelte-sonner
Installation
Install dependencies
Install the required packages for this component:
Copy the Source Code
Copy and paste the following code into your project:
brand-assets-menu.svelte
index.ts
Usage
usage.svelte
Features
- Copy mark and logotype SVGs to the clipboard with toast feedback
- Link out to brand guidelines and asset downloads from one menu
- Wrap any element to use it as a right-click or press-and-hold trigger
Props
BrandAssetsMenu
Context menu for copying brand SVGs and opening asset links.
| Name | Type | Default | Description |
|---|---|---|---|
logomark | Snippet | undefined | Custom logomark content displayed within the copy menu item. |
logomarkSVG | string | undefined | SVG markup used when the user copies the logomark to the clipboard. |
logotypeSVG | string | undefined | SVG markup used when the user copies the logotype to the clipboard. |
brandGuidelinesURL | string | undefined | URL for the brand guidelines page opened in a new tab. |
brandAssetsURL | string | undefined | URL used for the brand assets download link. |
children | Snippet<{ props: Record<string, unknown> }> | undefined | Render prop used to attach the trigger element and menu props to the custom trigger content. |