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

const card = css({ border: '3px solid rgb(234 88 12)', borderRadius: 4 });

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