Use renamed icons for ActionButton example

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
nextcloud-libraries · Sep 20, 2021 · f023df9 · f023df9
1 parent 460f3c8
commit f023df9
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/ActionButton/ActionButton.vue b/src/components/ActionButton/ActionButton.vue
@@ -48,7 +48,7 @@ You can also use a custom icon, for example from the vue-material-design-icons l
 	<Actions>
 		<ActionButton>
 			<template #icon>
-				<HandLeft
+				<HandBackLeft
 					:size="24"
 					decorative
 					title="" />
@@ -57,7 +57,7 @@ You can also use a custom icon, for example from the vue-material-design-icons l
 		</ActionButton>
 		<ActionButton>
 			<template #icon>
-				<HandRight
+				<HandBackRight
 					:size="24"
 					decorative
 					title="" />
@@ -67,13 +67,13 @@ You can also use a custom icon, for example from the vue-material-design-icons l
 	</Actions>
 </template>
 <script>
-import HandLeft from 'vue-material-design-icons/HandLeft'
-import HandRight from 'vue-material-design-icons/HandRight'
+import HandBackLeft from 'vue-material-design-icons/HandBackLeft'
+import HandBackRight from 'vue-material-design-icons/HandBackRight'
 
 export default {
 	components: {
-		HandLeft,
-		HandRight,
+		HandBackLeft,
+		HandBackRight,
 	},
 }
 </script>