---
title: Consent Surfaces
lastModified: "2026-10-10T14:59:21+01:00"
lastAuthor: Kaylee
---
```vue title="src/ConsentSurfaces.vue"
<script setup lang="ts">
import {
	ConsentBanner,
	ConsentDialogTrigger,
	ConsentManager,
} from 'c15t/vue/vue-plugin';
</script>

<template>
	<!-- Render these in place of ConsentRoot, not next to it. -->
	<ConsentBanner variant="bar" position="bottom" />
	<ConsentManager />
	<ConsentDialogTrigger />
</template>
```