navigation/@mihcm/ui·v0.21.0·stable
Link
Semantic navigation and reference primitive. Seven variants, safe external-link defaults, and tokenized Tailwind overrides. Universal across web and native.
Props
The full prop API for Link. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
href | string | — | Destination URL. Web renders it on the anchor; native opens it through Linking when no onPress is supplied. | 0.10.3 |
variant | 'inline' | 'accent' | 'muted' | 'foreground' | 'nav' | 'standalone' | 'button' | 'inline' | Visual treatment. Use `accent` sparingly for the 10% emphasis layer. | 0.10.3 |
size | 'sm' | 'md' | 'lg' | 'md' | Text size. | 0.10.3 |
external | boolean | false | Adds safe external defaults on web: `target="_blank"` and `rel="noopener noreferrer"`. | 0.10.3 |
showExternalIndicator | boolean | external | Shows a small external-link indicator. | 0.10.3 |
className | string | — | Additional Tailwind classes merged last. Use semantic token utilities only. | 0.10.3 |
Import
import { Link } from '@mihcm/ui/Link';