Command Palette

Search for a command to run...

1.8k

Command Palette

Search for a command to run...

Blog

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 @ncdai/brand-assets-menu

Usage

import { BrandAssetsMenu } from "@/components/brand-assets-menu"
<BrandAssetsMenu
  logomark={<ChanhDaiMark />}
  logomarkSVG="<svg>...</svg>"
  logotypeSVG="<svg>...</svg>"
  brandGuidelinesURL="https://chanhdai.com/blog/chanhdai-brand"
  brandAssetsURL="https://assets.chanhdai.com/chanhdai-brand.zip"
>
  <Link />
</BrandAssetsMenu>

API Reference

BrandAssetsMenu

Prop

Type