Link

A React component for displaying an hyperlink. Link’s can be nested inside a Text component, or being inside any other valid primitive.

import { Text, Link } from '@react-pdf/renderer';

const Footer = () => (
  <Text style={{ fontSize: 10 }}>
    Built with <Link src="https://react-pdf.org">react-pdf</Link>
  </Text>
);

Show preview

Valid props

Prop name	Description	Type	Default
src	Valid URL or destination ID. ID must be prefixed with `#`. See more	String	undefined
href	Alias of src. Valid URL for external links	String	undefined
wrap	Enable/disable page wrapping for element. See more	Boolean	true
style	Defines view styles. See more	Object, Array	undefined
debug	Enables debug mode on view bounding box. See more	Boolean	false
fixed	Render component in all wrapped pages. See more	Boolean	false
break	Forces the wrapping algorithm to start a new page when rendering this element. See more	Boolean	false
minPresenceAhead	Hint that no page wrapping should occur between all sibling elements following the element within n points. See more	Number	0
hitSlop	Expands the clickable area beyond the visible bounds of the link	Number or Object `{ top, bottom, left, right }`	undefined
bookmark	Attach bookmark to element. See more	String or Bookmark	undefined

Valid props

On this page