UI kit reference

components/ThemeThumb

import { … } from 'zidane-ui'ui/src/components/ThemeThumb.tsx

Components#

Renders a theme's palette as a miniature window.

TypeScript

function ThemeThumb(props: ThemeThumbProps): Element

Parameters
Name	Type	Description
props	`ThemeThumbProps`	Component props.

Element

ThemeThumb props
Name	Type	Description
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.

TypeScript

interface ThemeThumbProps

ThemeThumbProps properties
Name	Type	Description
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.