@nextcloud/vueNcContent
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| appName | string | - |
Slots
| Name | Description | Bindings |
|---|---|---|
| default |
General description
This component provides the default container of all apps. It MUST be used as the main wrapper of your app. It includes the Navigation, the App content and the Sidebar.
Standard usage
vue
<template>
<NcContent app-name="forms">
<NcAppNavigation>
<template #list>
<NcAppNavigationNew text="Create article" />
<NcAppNavigationItem title="My title" icon="icon-category-enabled" />
</template>
</NcAppNavigation>
<NcAppContent>
<h2>Your main app content here</h2>
<NcButton @click="opened = !opened">Toggle sidebar</NcButton>
</NcAppContent>
<NcAppSidebar v-if="opened" title="cat-picture.jpg" @close="opened=false"></AppSidebar>
</NcContent>
</template>
<script>
export default {
data() {
return {
opened: false,
}
}
}
</script>