primitives/@mihcm/ui·v0.21.0·stable
Logo
Reusable MiHCM logo primitive. Built-in tokenized mark plus approved brand assets that scale through the shared size prop. Universal across web and native.
Props
The full prop API for Logo. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
variant | 'primary' | 'white' | 'black' | 'current' | 'primary' | Visual treatment for the built-in MiHCM mark. | 0.9.0 |
size | 'sm' | 'md' | 'lg' | 'md' | Preset mark size. | 0.9.0 |
brand | 'mihcm' | 'mihcm-lite' | 'mia-one' | 'smart-assist' | 'syntra' | 'smart-assist-icon' | 'syntra-icon' | 'mihcm-favicon' | — | Approved brand asset family. Builds the logo path from `assetBasePath` and `assetVariant`. | 0.9.0 |
assetVariant | 'primary' | 'secondary' | 'white' | 'black' | 'primary' | Approved asset variant when `brand` is set. | 0.9.0 |
assetBasePath | string | '/brand/logos' | Public base path for approved logo assets. | 0.9.0 |
src | string | — | Explicit logo asset URL. Overrides `brand` when set. | 0.9.0 |
alt | string | 'MiHCM' | Accessible label for the logo. Use an empty string only when decorative. | 0.9.0 |
className | string | — | Tailwind classes merged on the root for tokenized size, color, and layout overrides. | 0.9.0 |
Import
import { Logo } from '@mihcm/ui/Logo';