Actions

Link

Text that opens a URL.

iOSSwiftUI HStack of Image and TextAndroidCompose Row of Icon and TextRenders in a Screen or an Island

Import

import {Link} from '@hzblj/kara-ui'

Opens an external URL in the platform browser or the app that claims the scheme.

Prop	Type	Default	Description
label*	string	—	The link's text.
url*	string	—	Opened through React Native's `Linking` on press. A URL nothing can open fails silently.
color	ColorToken	'content.accent'	Colours the label and the icon. `content.accent` by default.
icon	IconName	—	One of the app's icons, before the label.
testID	string	—	Test identifier, forwarded to the native view.
variant	TextVariant	'body'	The label's text style. `body` by default.

label*

string

The link's text.

url*

string

Opened through React Native's Linking on press. A URL nothing can open fails silently.

color'content.accent'

Colours the label and the icon. content.accent by default.

icon

One of the app's icons, before the label.

testID

string

Test identifier, forwarded to the native view.

variant'body'

The label's text style. body by default.

Opens the URL in the platform browser, or in whichever app claims the scheme. For in-app navigation use the router.