Merge pull request #2720 from nextcloud/fix/2707/appnavigationnew-icon

Add icon slot to AppNavigationNew component

src/components/AppNavigationNew/AppNavigationNew.vue

@@ -20,31 +20,55 @@
  -
  -->
 
+ <docs>
+### Usage
+
+ ```
+ <template>
+	<AppNavigationNew text="New Element">
+		<template #icon>
+			<Plus :size="20" decorative />
+		</template>
+	</AppNavigationNew>
+ </template>
+ <script>
+ import Plus from 'vue-material-design-icons/Plus'
+
+ export default {
+	components: {
+		Plus,
+	},
+ }
+ </script>
+ ```
+ </docs>
+
 <template>
 	<div class="app-navigation-new">
-		<button :id="buttonId"
-			:class="buttonClass"
+		<Button :id="buttonId"
 			:disabled="disabled"
-			type="button"
 			@click="$emit('click')">
+			<template #icon>
+				<slot name="icon" />
+			</template>
 			{{ text }}
-		</button>
+		</Button>
 	</div>
 </template>
 
 <script>
+import Button from '../Button/index.js'
+
 export default {
+	components: {
+		Button,
+	},
 	props: {
 		buttonId: {
 			type: String,
 			required: false,
 			default: '',
 		},
-		buttonClass: {
-			type: [String, Array, Object],
-			required: false,
-			default: '',
-		},
 		disabled: {
 			type: Boolean,
 			required: false,
@@ -64,13 +88,7 @@ export default {
 	display: block;
 	padding: 10px;
 	button {
-		display: inline-block;
 		width: 100%;
-		padding: 10px;
-		padding-left: 34px;
-		background-position: 10px center;
-		text-align: left;
-		margin: 0;
 	}
 }
 </style>