Link | NativeBase | Universal Components for React and React Native

Nativebase logo
NativeBase
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