# BaseLink

# Props

Prop name Description Type Values Default
renderLinkAs specify how link element should be rendered - this needs to be a
valid vue link component (e.g. RouterLink, NuxtLink) and vue-router
is necessary
string - 'RouterLink'
externalLinkTarget specify external link target string _blank, _self '_blank'
tooltip tooltip content
by default a list (label: value) is rendered
structure:
[{ label: 'label', value: 'value', url: '#' }]
or use #tooltip to customize the content
array - []
tooltipAsync async tooltip content
if set, event @tooltip-clicked with this object will be emitted
array - []
tooltipStyles additional tooltip styles
caveat: properties top, left, right will be overwritten due position calculation
object - {}
source internal identifier to route to string - ''
url external url to link to string - ''
value label of the entry string - ''
type used in combination with property source to render chip.
type identifies source type for chip click-event
eg: keyword | skill | object
string - ''
spaceAfter add a space " " after element
useful for link-type tooltip in lists
boolean - false

# Events

Event name Properties Description
chip-clicked source string - internal identifier
type string - source type for chip click-event
tooltip-clicked undefined Array - async tooltip content

# Slots

Name Description Bindings
tooltip slot to inject content

# Demo

Last Updated: 3/27/2023, 4:42:24 PM