---
title: Class Names Vanilla Extract
lastModified: "2026-10-01T22:43:58+01:00"
lastAuthor: Kaylee
---
```ts title="src/consent-components.css.ts"
import { style } from '@vanilla-extract/css';
import type { ConsentProviderOptions } from 'c15t/react';

const card = style({ border: '3px solid rgb(37 99 235)', borderRadius: 4 });

/** Pass as `components` in your ConsentProvider options. */
export const components: ConsentProviderOptions['components'] = {
	banner: { card: { className: card } },
};
```