# 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-routeris 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-eventeg: 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 identifiertype string - source type for chip click-event | |
tooltip-clicked | undefined Array - async tooltip content |
# Slots
Name | Description | Bindings |
---|---|---|
tooltip | slot to inject content |
# Demo
← BaseInput BaseLoader →