Link | NativeBase | Universal Components for React and React Native

Data Display
Typography
Disclosure
Media and Icons
Others
Link
Links are accessible elements used primarily for navigation. This component is styled to resemble a hyperlink.
Show Code
Playground
Import
Copy
import { Link } from 'native-base';
Examples
Basic
Playground
Playground
Playground
Playground
Playground
Props
href
URL that should be opened on Link press
Type: string
size
Size of the link
Type: number | "sm" | "md" | "xl" | "lg" | "2xl" | "xsm" | ThemeComponentSizeType<"Link">
isUnderlined
Whether Link text should be underlined
Type: boolean
isHovered
Whether Link text should be hovered
Type: boolean
onPress
Callback that will be invoked on Link press
Type: (event?: GestureResponderEvent) => any
isExternal
If true, link will be opened in new tab on web. It uses _target property to achieve this
Type: boolean
_hover
Hover props. Accepts all styled system props.
Type: Omit<Partial<ILinkProps>, "_hover">
wrapperRef
Ref to be attached to the Link wrapper
Type: MutableRefObject<any>
Styling
NativeBase ships with a default theme for each component. Checkout the default theme of link.
Info: We can easily extend the link component theme using extendTheme function as described in the documentation .
Accessibility
Nativebase logo
MadeWithNativeBase