@zedtech/zedkit-ui

Show the zedkit logo

The zedkit mark as an inline SVG that paints with `currentColor`, so it follows the text colour in light, dark and every visual identity.

At a glance

Who: Teams building a header, a footer or a share image for a zedkit-based site.
What: The zedkit mark as an inline SVG that paints with currentColor, so it follows the text colour in light, dark and every visual identity.
Use when: Next to the product name in a site header, or anywhere a small brand mark is needed.
Avoid when: For your own brand — ship your own mark instead.
See also: Switch the visual identity with one attribute

pnpm add @zedtech/zedkit-ui

Latest: 0.4.0 (via changesets).

Usage

import { Logo } from "@zedtech/zedkit-ui";
<Logo className="h-6 text-foreground" title="" />

Wraps: none (inline SVG)

Call out a notice or an error state

Notice/error callouts with title and description.

Pick one option from a dropdown

Accessible dropdown select with trigger, value and items; empty lists render a disabled message item.