@zedtech/zedkit-brand
Show the logo in a React app
Render the logo as an inline SVG that follows the text colour, so light and dark need no second asset.
alpha
Usage
At a glance
- Who: React apps that put the mark, the wordmark or both in a header, a footer or a sign-in page.
- What: Render the logo as an inline SVG that follows the text colour, so light and dark need no second asset.
- Use when: Any React surface that shows the zedkit brand.
- Avoid when: Your own brand mark — draw it with your own SVG;
@zedtech/zedkit-uihasBrandLogofor that. - See also: Get the logo as SVG markup, icon sources or raw shapes
Install
pnpm add @zedtech/zedkit-brandLatest: 0.0.0 (via changesets).
Example
import { ZedkitLogo } from "@zedtech/zedkit-brand/react";
const header = <ZedkitLogo variant="lockup" height={32} />;Wraps: react
Check that skills, subagents, commands and provider copies are valid
Validate installed skills, subagents and commands, and report drift between providers.
Get the logo as SVG markup, icon sources or raw shapes
Build a standalone SVG of the mark, wordmark or lockup on light, on dark or in the current colour; get the favicon, apple-touch and 1200x630 social card source…