@nextcloud/vueNcEmptyContent
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| title | string | - | '' | |
| description | string | - | '' |
Slots
| Name | Description | Bindings |
|---|---|---|
| icon | Optional material design icon | |
| action | Optional slot for a button or the like |
Basic use
Use this component to display a message about an empty content. Providing an icon, title, and a description is strongly advised.
<template>
<NcEmptyContent
title="No comments">
<template #icon>
<Comment />
</template>
</NcEmptyContent>
</template>
<script>
import Comment from 'vue-material-design-icons/Comment'
export default {
components: {
Comment,
},
}
</script>
<template>
<NcEmptyContent
title="No comments"
description="No comments in here">
<template #icon>
<Comment />
</template>
<template #action>
<NcButton type="primary">
Add a comment!
</NcButton>
</template>
</NcEmptyContent>
</template>
<script>
import Comment from 'vue-material-design-icons/Comment'
export default {
components: {
Comment,
},
}
</script>