Branding Components
Logos, wordmarks, and brand identity elements
Components for brand identity and visual consistency.
Prerequisites
- Complete the installation
- Import styles:
import '@tetherto/mdk-react-devkit/styles.css'
Components
MdkWordmark
MDK wordmark — the canonical brand lockup, rendered as inline SVG so it tints to currentColor. Use this in <[**AppHeader**](/reference/ui/components/navigation/#appheader)> (via the logo slot) or anywhere else the brand should appear.
agent-ready
Props
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
size | MdkWordmarkSize | undefined | - | Visual size of the wordmark. sm ≈ 24px tall, md ≈ 32px, lg ≈ 64px. | |
className | string | undefined | - | Optional class hook on the outer <svg>. | |
title | string | undefined | - | Accessible label. Defaults to "MDK". |