Add tertiary action example

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
nextcloud-libraries · Aug 20, 2020 · 73b0ddd · 73b0ddd
1 parent a3d480d
commit 73b0ddd
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/AppSidebar/AppSidebar.vue b/src/components/AppSidebar/AppSidebar.vue
@@ -80,7 +80,7 @@
 	</script>
 	```
 
-	### Editable title after click
+	### Editable title after click with custom tertiary action
 	```vue
 	<template>
 		<AppSidebar
@@ -89,7 +89,11 @@
 			:title-placeholder="titlePlaceholder"
 			:subtitle="subtitle"
 			@update:title="titleUpdate">
-			<!-- Insert your slots and tabs here -->
+			<template slot="tertiary-actions">
+				<form>
+					<input type="checkbox" @click="toggledCheckbox"/>
+				</form>
+			</template>
 		</AppSidebar>
 	</template>
 	<script>
@@ -105,6 +109,9 @@
 			methods: {
 				titleUpdate(e) {
 					this.title = e
+				},
+				toggledCheckbox() {
+					alert('toggle')
 				}
 			}
 		}