---
title: Slim Bar
lastModified: "2026-10-10T14:59:21+01:00"
lastAuthor: Kaylee
---
```ts title="src/lib/consent-options.ts"
import type { ConsentManagerOptions } from '@c15t/svelte';

import './slim-bar.css';

/**
 * Spread into the options you pass to `ConsentProvider`. The bar
 * keeps the stock markup and actions; the slot classes put it on one row.
 */
export const slimBar = {
	presentation: { prompt: { position: 'bottom', variant: 'bar' } },
	theme: {
		slots: {
			consentBannerCard: 'slim-bar',
			consentBannerHeader: 'slim-bar__text',
		},
	},
} satisfies Partial<ConsentManagerOptions>;
```