---
title: Floating Trigger
lastModified: "2026-10-01T22:43:58+01:00"
lastAuthor: Kaylee
---
```svelte title="src/lib/privacy-trigger.svelte"
<script lang="ts">
	import { ConsentDialog, ConsentDialogTrigger } from '@c15t/svelte';
</script>

<!-- A floating button in the bottom-left corner that opens preferences.
     Visitors can drag it to another corner; c15t remembers where. -->
<ConsentDialogTrigger defaultPosition="bottom-left" size="sm" />
<ConsentDialog />
```