1 files changed, 57 insertions, 0 deletions
diff --git a/apps/dav/src/components/ExampleContentDownloadButton.vue b/apps/dav/src/components/ExampleContentDownloadButton.vue
new file mode 100644
index 00000000000..d3ee793eddc
--- /dev/null
+++ b/apps/dav/src/components/ExampleContentDownloadButton.vue
@@ -0,0 +1,57 @@
+<!--
+ - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+ - SPDX-License-Identifier: AGPL-3.0-or-later
+ -->
+
+<template>
+	<NcButton type="tertiary" :href="href">
+		<template #icon>
+			<slot name="icon" />
+		</template>
+		<div class="download-button">
+			<span class="download-button__label">
+				<slot name="default" />
+			</span>
+			<IconDownload class="download-button__icon"
+				:size="20" />
+		</div>
+	</NcButton>
+</template>
+
+<script>
+import { NcButton } from '@nextcloud/vue'
+import IconDownload from 'vue-material-design-icons/Download.vue'
+
+export default {
+	name: 'ExampleContentDownloadButton',
+	components: {
+		NcButton,
+		IconDownload
+	},
+	props: {
+		href: {
+			type: String,
+			required: true,
+		}
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+.download-button {
+	display: flex;
+	max-width: 200px;
+
+	&__label {
+		font-weight: initial;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+		overflow: hidden;
+	}
+
+	&__icon {
+		margin-top: 2px;
+		margin-inline-start: var(--default-grid-baseline);
+	}
+}
+</style>