Debug docs

nextcloud-libraries · Aug 16, 2022 · 92823a3 · 92823a3
1 parent 97fbacf
commit 92823a3
Showing 1 changed file with 20 additions and 35 deletions.
diff --git a/src/components/ActionButton/ActionButton.vue b/src/components/ActionButton/ActionButton.vue
@@ -26,53 +26,38 @@ This component is made to be used inside of the [Actions](#Actions) component sl
 
 ```vue
 	<template>
-		<div style="display: flex; align-items: center;">
-			<Actions>
-				<ActionButton @click="showMessage('Delete')">
-					<template #icon>
-						<Delete :size="20" />
-					</template>
-					Delete
-				</ActionButton>
-				<ActionButton :close-after-click="true" @click="showMessage('Delete and close menu')">
-					<template #icon>
-						<Delete :size="20" />
-					</template>
-					Delete and close
-				</ActionButton>
-				<ActionButton :close-after-click="true" @click="focusInput()">
-					<template #icon>
-						<Plus :size="20" />
-					</template>
-					Create
-				</ActionButton>
-				<ActionButton :disabled="true" @click="showMessage('Disabled')">
-					<template #icon>
-						<Delete :size="20" />
-					</template>
-					Disabled button
-				</ActionButton>
-			</Actions>
-			<input ref="input" />
-		</div>
+		<Actions>
+			<ActionButton @click="showMessage('Delete')">
+				<template #icon>
+					<Delete :size="20" />
+				</template>
+				Delete
+			</ActionButton>
+			<ActionButton :close-after-click="true" @click="showMessage('Delete and close menu')">
+				<template #icon>
+					<Delete :size="20" />
+				</template>
+				Delete and close
+			</ActionButton>
+			<ActionButton :disabled="true" @click="showMessage('Disabled')">
+				<template #icon>
+					<Delete :size="20" />
+				</template>
+				Disabled button
+			</ActionButton>
+		</Actions>
 	</template>
 	<script>
 	import Delete from 'vue-material-design-icons/Delete'
-	import Plus from 'vue-material-design-icons/Plus'
 
 	export default {
 		components: {
 			Delete,
-			Plus,
 		},
 		methods: {
 			showMessage(msg) {
 				alert(msg)
 			},
-			async focusInput() {
-				await this.$nextTick()
-				this.$refs.input.focus()
-			},
 		},
 	}
 	</script>