@nextcloud/vueNcAppNavigationCaption #
Props #
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| title | string | - |
Slots #
| Name | Description | Bindings |
|---|---|---|
| actions | Slot for the actions menu | |
| actionsTriggerIcon |
<NcAppNavigationCaption
title="Your caption goes here">
<template #actions>
<NcActionButton icon="icon-add"/>
</template>
</NcAppNavigationCaption>
Element with a slot for custom actions icon #
<template>
<NcAppNavigationCaption
title="Your caption goes here">
<template #actionsTriggerIcon>
<PlusIcon slot="icon" :size="20" />
</template>
<template #actions>
<NcActionButton icon="icon-edit">Rename</NcActionButton>
<NcActionButton icon="icon-delete">Delete</NcActionButton>
<NcActionButton icon="icon-confirm">Validate</NcActionButton>
<NcActionButton icon="icon-download">Download</NcActionButton>
</template>
</NcAppNavigationCaption>
</template>
<script>
import PlusIcon from 'vue-material-design-icons/Plus'
export default {
components: {
PlusIcon
}
}
</script>