MindeesUI
ComponentsTypography

Link

Tappable inline link with link tone and underline — opens an external URL via React Native Linking.

Link renders text inside a Pressable, applies the link tone and an underline, and opens the supplied href via Linking.openURL when tapped. Use it for inline navigation to external URLs or as a custom-handler trigger via onPress.

Import

import { Link } from '@mindees/ui';

Usage

<Link href="https://mindees.dev">Read the docs</Link>
<Link onPress={handleTap} hideUnderline>Custom action</Link>

Props

PropTypeDefaultDescription
hrefstringExternal URL. When set, tapping opens it via Linking.openURL. Failures are swallowed.
onPress() => voidCalled when the link is pressed. Runs before href is opened.
hideUnderlinebooleanfalseHides the default underline.

All Text props except tone and underline (locked to 'link' / on by default) are forwarded — variant, weight, align, italic, strikethrough, fontFamily, and the underlying RN TextProps.

Accessibility

Defaults accessibilityRole to link. Provide an accessibilityLabel when the link text alone isn't descriptive enough on its own (e.g. "Read more" links).

On this page