# components/ThemeThumb (zidane-ui)

Import: `import { … } from 'zidane-ui'`. Source: [ui/src/components/ThemeThumb.tsx](https://github.com/Tahul/zidane/blob/main/ui/src/components/ThemeThumb.tsx).

## Components

### `ThemeThumb`

Component.

Renders a theme's palette as a miniature window.

```ts
function ThemeThumb(props: ThemeThumbProps): Element
```

**Parameters**

- `props` (`ThemeThumbProps`): Component props.

**Returns** `Element`

**Props**

- `className?` (`string`): Extra classes on the thumbnail.
- `palette` (`ResolvedPalette`): The theme's resolved palette (`derivePalette`).
- `style?` (`CSSProperties`): Inline styles on the root element, merged after the component's own.

Source: [ui/src/components/ThemeThumb.tsx:25](https://github.com/Tahul/zidane/blob/main/ui/src/components/ThemeThumb.tsx#L25)

## Interfaces

### `ThemeThumbProps`

Interface.

Props for [`ThemeThumb`](https://zidane.si/docs/reference/ui-components-theme-thumb.md#ThemeThumb).

```ts
interface ThemeThumbProps
```

**Properties**

- `className?` (`string`): Extra classes on the thumbnail.
- `palette` (`ResolvedPalette`): The theme's resolved palette (`derivePalette`).
- `style?` (`CSSProperties`): Inline styles on the root element, merged after the component's own.

Source: [ui/src/components/ThemeThumb.tsx:11](https://github.com/Tahul/zidane/blob/main/ui/src/components/ThemeThumb.tsx#L11)