Brand Assets Menu

Context menu for copying brand SVGs and opening asset links.

Loading…

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.

Installation

pnpm dlx shadcn@latest add @nrcode/brand-assets-menu

Usage

import { BrandAssetsMenu } from "@/components/brand-assets-menu"

<BrandAssetsMenu
  logomark={<NarakCODEMark />}
  logomarkSVG="<svg>...</svg>"
  logotypeSVG="<svg>...</svg>"
  brandGuidelinesURL="https://narakcode.dev/blog/narakcode-brand"
  brandAssetsURL="https://assets.narakcode.dev/narakcode-brand.zip"
>
  <Link />
</BrandAssetsMenu>

API reference

BrandAssetsMenu