TextLink

Examples
Text Link
Theme: seekAnz
Text link
Theme: seekBusiness
Text link
Theme: jobsDbRebrand
Text link
Theme: jobsDb
Text link
Theme: jobStreet
Text link
Theme: jobStreetClassic
Text link
Theme: wireframe
Text link
Code:
<Text>
  <TextLink hitArea="large" href="">
    Text link
  </TextLink>
</Text>
Text Link in a sentence
Theme: seekAnz
The last word of a sentence is a text link.
Theme: seekBusiness
The last word of a sentence is a text link.
Theme: jobsDbRebrand
The last word of a sentence is a text link.
Theme: jobsDb
The last word of a sentence is a text link.
Theme: jobStreet
The last word of a sentence is a text link.
Theme: jobStreetClassic
The last word of a sentence is a text link.
Theme: wireframe
The last word of a sentence is a text link.
Code:
<Text>
  The last word of a sentence is a<TextLink href="">text link.</TextLink>
</Text>
Visited Text Link
Theme: seekAnz
The last word of a sentence is a visited link.
Theme: seekBusiness
The last word of a sentence is a visited link.
Theme: jobsDbRebrand
The last word of a sentence is a visited link.
Theme: jobsDb
The last word of a sentence is a visited link.
Theme: jobStreet
The last word of a sentence is a visited link.
Theme: jobStreetClassic
The last word of a sentence is a visited link.
Theme: wireframe
The last word of a sentence is a visited link.
Code:
<Text>
  The last word of a sentence is a
  <TextLink href="" showVisited={true}>
    visited link.
  </TextLink>
</Text>
Text Link inside Actions
Theme: seekAnz
Theme: seekBusiness
Theme: jobsDbRebrand
Theme: jobsDb
Theme: jobStreet
Theme: jobStreetClassic
Theme: wireframe
Code:
<Actions>
  <Button>Button</Button>
  <TextLink href="">Text Link</TextLink>
</Actions>
Large Text Link
Theme: seekAnz
The last word of a sentence is a text link.
Theme: seekBusiness
The last word of a sentence is a text link.
Theme: jobsDbRebrand
The last word of a sentence is a text link.
Theme: jobsDb
The last word of a sentence is a text link.
Theme: jobStreet
The last word of a sentence is a text link.
Theme: jobStreetClassic
The last word of a sentence is a text link.
Theme: wireframe
The last word of a sentence is a text link.
Code:
<Text size="large">
  The last word of a sentence is a<TextLink href="">text link.</TextLink>
</Text>
Small Text Link
Theme: seekAnz
The last word of a sentence is a text link.
Theme: seekBusiness
The last word of a sentence is a text link.
Theme: jobsDbRebrand
The last word of a sentence is a text link.
Theme: jobsDb
The last word of a sentence is a text link.
Theme: jobStreet
The last word of a sentence is a text link.
Theme: jobStreetClassic
The last word of a sentence is a text link.
Theme: wireframe
The last word of a sentence is a text link.
Code:
<Text size="small">
  The last word of a sentence is a<TextLink href="">text link.</TextLink>
</Text>
Xsmall Text Link
Theme: seekAnz
The last word of a sentence is a text link.
Theme: seekBusiness
The last word of a sentence is a text link.
Theme: jobsDbRebrand
The last word of a sentence is a text link.
Theme: jobsDb
The last word of a sentence is a text link.
Theme: jobStreet
The last word of a sentence is a text link.
Theme: jobStreetClassic
The last word of a sentence is a text link.
Theme: wireframe
The last word of a sentence is a text link.
Code:
<Text size="xsmall">
  The last word of a sentence is a<TextLink href="">text link.</TextLink>
</Text>
Heading Level 1 Link
Theme: seekAnz

The last word of this heading is a link.

Theme: seekBusiness

The last word of this heading is a link.

Theme: jobsDbRebrand

The last word of this heading is a link.

Theme: jobsDb

The last word of this heading is a link.

Theme: jobStreet

The last word of this heading is a link.

Theme: jobStreetClassic

The last word of this heading is a link.

Theme: wireframe

The last word of this heading is a link.

Code:
<Heading level="1">
  The last word of this heading is a<TextLink href="">link.</TextLink>
</Heading>
Heading Level 2 Link
Theme: seekAnz

The last word of this heading is a link.

Theme: seekBusiness

The last word of this heading is a link.

Theme: jobsDbRebrand

The last word of this heading is a link.

Theme: jobsDb

The last word of this heading is a link.

Theme: jobStreet

The last word of this heading is a link.

Theme: jobStreetClassic

The last word of this heading is a link.

Theme: wireframe

The last word of this heading is a link.

Code:
<Heading level="2">
  The last word of this heading is a<TextLink href="">link.</TextLink>
</Heading>
Heading Level 3 Link
Theme: seekAnz

The last word of this heading is a link.

Theme: seekBusiness

The last word of this heading is a link.

Theme: jobsDbRebrand

The last word of this heading is a link.

Theme: jobsDb

The last word of this heading is a link.

Theme: jobStreet

The last word of this heading is a link.

Theme: jobStreetClassic

The last word of this heading is a link.

Theme: wireframe

The last word of this heading is a link.

Code:
<Heading level="3">
  The last word of this heading is a<TextLink href="">link.</TextLink>
</Heading>
Heading Level 4 Link
Theme: seekAnz

The last word of this heading is a link.

Theme: seekBusiness

The last word of this heading is a link.

Theme: jobsDbRebrand

The last word of this heading is a link.

Theme: jobsDb

The last word of this heading is a link.

Theme: jobStreet

The last word of this heading is a link.

Theme: jobStreetClassic

The last word of this heading is a link.

Theme: wireframe

The last word of this heading is a link.

Code:
<Heading level="4">
  The last word of this heading is a<TextLink href="">link.</TextLink>
</Heading>

Optional props

showVisited
boolean
hitArea
"large" | "standard"
color
string
type
string
value
string | number | string[]
name
string
children
ReactNode
id
string
autoComplete
string
disabled
boolean
label
string
aria-describedby
string
data
string
autoFocus
boolean
required
boolean
height
string | number
width
string | number
accept
string
acceptCharset
string
action
string
allowFullScreen
boolean
allowTransparency
boolean
alt
string
as
string
async
boolean
autoPlay
boolean
capture
string | false | true
cellPadding
string | number
cellSpacing
string | number
charSet
string
challenge
string
checked
boolean
cite
string
classID
string
cols
number
colSpan
number
content
string
controls
boolean
coords
string
crossOrigin
string
dateTime
string
default
boolean
defer
boolean
download
any
encType
string
form
string
formAction
string
formEncType
string
formMethod
string
formNoValidate
boolean
formTarget
string
frameBorder
string | number
headers
string
high
number
href
string
hrefLang
string
htmlFor
string
httpEquiv
string
integrity
string
keyParams
string
keyType
string
kind
string
list
string
loop
boolean
low
number
manifest
string
marginHeight
number
marginWidth
number
max
string | number
maxLength
number
media
string
mediaGroup
string
method
string
min
string | number
minLength
number
multiple
boolean
muted
boolean
nonce
string
noValidate
boolean
open
boolean
optimum
number
pattern
string
placeholder
string
playsInline
boolean
poster
string
preload
string
readOnly
boolean
rel
string
reversed
boolean
rows
number
rowSpan
number
sandbox
string
scope
string
scoped
boolean
scrolling
string
seamless
boolean
selected
boolean
shape
string
size
number
sizes
string
span
number
src
string
srcDoc
string
srcLang
string
srcSet
string
start
number
step
string | number
summary
string
target
string
useMap
string
wmode
string
wrap
string
defaultChecked
boolean
defaultValue
string | number | string[]
suppressContentEditableWarning
boolean
suppressHydrationWarning
boolean
accessKey
string
contentEditable
boolean
contextMenu
string
dir
string
draggable
boolean
hidden
boolean
lang
string
slot
string
spellCheck
boolean
tabIndex
number
title
string
radioGroup
string
role
string
about
string
datatype
string
inlist
any
prefix
string
property
string
resource
string
typeof
string
vocab
string
autoCapitalize
string
autoCorrect
string
autoSave
string
itemProp
string
itemScope
boolean
itemType
string
itemID
string
itemRef
string
results
number
security
string
unselectable
"on" | "off"
inputMode
"none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search"
is
string
aria-activedescendant
string
aria-atomic
false | true | "false" | "true"
aria-autocomplete
"list" | "none" | "inline" | "both"
aria-busy
false | true | "false" | "true"
aria-checked
false | true | "false" | "true" | "mixed"
aria-colcount
number
aria-colindex
number
aria-colspan
number
aria-controls
string
aria-current
false | true | "step" | "false" | "true" | "page" | "location" | "date" | "time"
aria-details
string
aria-disabled
false | true | "false" | "true"
aria-dropeffect
"none" | "copy" | "move" | "execute" | "link" | "popup"
aria-errormessage
string
aria-expanded
false | true | "false" | "true"
aria-flowto
string
aria-grabbed
false | true | "false" | "true"
aria-haspopup
false | true | "grid" | "false" | "true" | "menu" | "listbox" | "tree" | "dialog"
aria-hidden
false | true | "false" | "true"
aria-invalid
false | true | "false" | "true" | "grammar" | "spelling"
aria-keyshortcuts
string
aria-label
string
aria-labelledby
string
aria-level
number
aria-live
"off" | "assertive" | "polite"
aria-modal
false | true | "false" | "true"
aria-multiline
false | true | "false" | "true"
aria-multiselectable
false | true | "false" | "true"
aria-orientation
"horizontal" | "vertical"
aria-owns
string
aria-placeholder
string
aria-posinset
number
aria-pressed
false | true | "false" | "true" | "mixed"
aria-readonly
false | true | "false" | "true"
aria-relevant
"all" | "text" | "additions" | "additions text" | "removals"
aria-required
false | true | "false" | "true"
aria-roledescription
string
aria-rowcount
number
aria-rowindex
number
aria-rowspan
number
aria-selected
false | true | "false" | "true"
aria-setsize
number
aria-sort
"none" | "ascending" | "descending" | "other"
aria-valuemax
number
aria-valuemin
number
aria-valuenow
number
aria-valuetext
string
dangerouslySetInnerHTML
{ __html: string; }
onCopy
(event: ClipboardEvent<HTMLAnchorElement>) => void
onCopyCapture
(event: ClipboardEvent<HTMLAnchorElement>) => void
onCut
(event: ClipboardEvent<HTMLAnchorElement>) => void
onCutCapture
(event: ClipboardEvent<HTMLAnchorElement>) => void
onPaste
(event: ClipboardEvent<HTMLAnchorElement>) => void
onPasteCapture
(event: ClipboardEvent<HTMLAnchorElement>) => void
onCompositionEnd
(event: CompositionEvent<HTMLAnchorElement>) => void
onCompositionEndCapture
(event: CompositionEvent<HTMLAnchorElement>) => void
onCompositionStart
(event: CompositionEvent<HTMLAnchorElement>) => void
onCompositionStartCapture
(event: CompositionEvent<HTMLAnchorElement>) => void
onCompositionUpdate
(event: CompositionEvent<HTMLAnchorElement>) => void
onCompositionUpdateCapture
(event: CompositionEvent<HTMLAnchorElement>) => void
onFocus
(event: FocusEvent<HTMLAnchorElement>) => void
onFocusCapture
(event: FocusEvent<HTMLAnchorElement>) => void
onBlur
(event: FocusEvent<HTMLAnchorElement>) => void
onBlurCapture
(event: FocusEvent<HTMLAnchorElement>) => void
onChange
(event: FormEvent<HTMLAnchorElement>) => void
onChangeCapture
(event: FormEvent<HTMLAnchorElement>) => void
onBeforeInput
(event: FormEvent<HTMLAnchorElement>) => void
onBeforeInputCapture
(event: FormEvent<HTMLAnchorElement>) => void
onInput
(event: FormEvent<HTMLAnchorElement>) => void
onInputCapture
(event: FormEvent<HTMLAnchorElement>) => void
onReset
(event: FormEvent<HTMLAnchorElement>) => void
onResetCapture
(event: FormEvent<HTMLAnchorElement>) => void
onSubmit
(event: FormEvent<HTMLAnchorElement>) => void
onSubmitCapture
(event: FormEvent<HTMLAnchorElement>) => void
onInvalid
(event: FormEvent<HTMLAnchorElement>) => void
onInvalidCapture
(event: FormEvent<HTMLAnchorElement>) => void
onLoad
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onError
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onErrorCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onKeyDown
(event: KeyboardEvent<HTMLAnchorElement>) => void
onKeyDownCapture
(event: KeyboardEvent<HTMLAnchorElement>) => void
onKeyPress
(event: KeyboardEvent<HTMLAnchorElement>) => void
onKeyPressCapture
(event: KeyboardEvent<HTMLAnchorElement>) => void
onKeyUp
(event: KeyboardEvent<HTMLAnchorElement>) => void
onKeyUpCapture
(event: KeyboardEvent<HTMLAnchorElement>) => void
onAbort
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onAbortCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onCanPlay
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onCanPlayCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onCanPlayThrough
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onCanPlayThroughCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onDurationChange
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onDurationChangeCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEmptied
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEmptiedCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEncrypted
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEncryptedCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEnded
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onEndedCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadedData
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadedDataCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadedMetadata
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadedMetadataCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadStart
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onLoadStartCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPause
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPauseCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPlay
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPlayCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPlaying
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onPlayingCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onProgress
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onProgressCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onRateChange
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onRateChangeCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSeeked
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSeekedCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSeeking
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSeekingCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onStalled
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onStalledCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSuspend
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSuspendCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onTimeUpdate
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onTimeUpdateCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onVolumeChange
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onVolumeChangeCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onWaiting
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onWaitingCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onAuxClick
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onAuxClickCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onClick
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onClickCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onContextMenu
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onContextMenuCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onDoubleClick
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onDoubleClickCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onDrag
(event: DragEvent<HTMLAnchorElement>) => void
onDragCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragEnd
(event: DragEvent<HTMLAnchorElement>) => void
onDragEndCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragEnter
(event: DragEvent<HTMLAnchorElement>) => void
onDragEnterCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragExit
(event: DragEvent<HTMLAnchorElement>) => void
onDragExitCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragLeave
(event: DragEvent<HTMLAnchorElement>) => void
onDragLeaveCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragOver
(event: DragEvent<HTMLAnchorElement>) => void
onDragOverCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDragStart
(event: DragEvent<HTMLAnchorElement>) => void
onDragStartCapture
(event: DragEvent<HTMLAnchorElement>) => void
onDrop
(event: DragEvent<HTMLAnchorElement>) => void
onDropCapture
(event: DragEvent<HTMLAnchorElement>) => void
onMouseDown
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseDownCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseEnter
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseLeave
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseMove
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseMoveCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseOut
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseOutCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseOver
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseOverCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseUp
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onMouseUpCapture
(event: MouseEvent<HTMLAnchorElement, MouseEvent>) => void
onSelect
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onSelectCapture
(event: SyntheticEvent<HTMLAnchorElement, Event>) => void
onTouchCancel
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchCancelCapture
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchEnd
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchEndCapture
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchMove
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchMoveCapture
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchStart
(event: TouchEvent<HTMLAnchorElement>) => void
onTouchStartCapture
(event: TouchEvent<HTMLAnchorElement>) => void
onPointerDown
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerDownCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerMove
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerMoveCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerUp
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerUpCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerCancel
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerCancelCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerEnter
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerEnterCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerLeave
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerLeaveCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerOver
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerOverCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerOut
(event: PointerEvent<HTMLAnchorElement>) => void
onPointerOutCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onGotPointerCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onGotPointerCaptureCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onLostPointerCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onLostPointerCaptureCapture
(event: PointerEvent<HTMLAnchorElement>) => void
onScroll
(event: UIEvent<HTMLAnchorElement>) => void
onScrollCapture
(event: UIEvent<HTMLAnchorElement>) => void
onWheel
(event: WheelEvent<HTMLAnchorElement>) => void
onWheelCapture
(event: WheelEvent<HTMLAnchorElement>) => void
onAnimationStart
(event: AnimationEvent<HTMLAnchorElement>) => void
onAnimationStartCapture
(event: AnimationEvent<HTMLAnchorElement>) => void
onAnimationEnd
(event: AnimationEvent<HTMLAnchorElement>) => void
onAnimationEndCapture
(event: AnimationEvent<HTMLAnchorElement>) => void
onAnimationIteration
(event: AnimationEvent<HTMLAnchorElement>) => void
onAnimationIterationCapture
(event: AnimationEvent<HTMLAnchorElement>) => void
onTransitionEnd
(event: TransitionEvent<HTMLAnchorElement>) => void
onTransitionEndCapture
(event: TransitionEvent<HTMLAnchorElement>) => void

Further References