NcActionLink
Props
Prop name | Description | Type | Values | Default |
---|---|---|---|---|
icon | Icon to show with the action, can be either a CSS class or an URL | string | - | '' |
title | Title to show next to the icon | string | - | '' |
closeAfterClick | Whether we close the Actions menu after the click | boolean | - | false |
ariaLabel | Aria label for the button. Not needed if the button has text. | string | - | '' |
href | destionation to link to | string | - | '#' |
download | download the link instead of opening | string | - | null |
target | target to open the link | string | - | '_self' |
Events
Event name | Properties | Description |
---|---|---|
click | Emitted when the action is clicked |
Slots
Name | Description | Bindings |
---|---|---|
icon | Manually provide icon | |
default |
This component is made to be used inside of the NcActions component slots.
<template>
<NcActions>
<NcActionLink href="https://nextcloud.com">
<template #icon>
<OpenInNew :size="20" />
</template>
Nextcloud website
</NcActionLink>
</NcActions>
</template>
<script>
import OpenInNew from 'vue-material-design-icons/OpenInNew'
export default {
components: {
OpenInNew,
},
}
</script>