reablocks
Version:
Component library for React
40 lines (39 loc) • 1.24 kB
TypeScript
import { FC } from 'react';
export interface ColorBlockProps {
/** Display name of the color. */
name: string;
/** CSS color value for the swatch. */
color: string;
/** Additional class names applied to the block. */
className?: string;
}
export declare const ColorBlock: FC<ColorBlockProps>;
interface ColorPaletteBlockProps {
name: string;
color: string;
className?: string;
/**
* @default true
*/
showName?: boolean;
}
export declare const ColorPaletteBlock: FC<ColorPaletteBlockProps>;
export interface ColorPaletteBlocksProps {
/** Display name of the palette. */
name: string;
/** Single color value or a map of color names to values for the palette. */
colors: string | Record<string, string>;
/** Additional class names applied to the palette block. */
className?: string;
/** Optional CSS custom property token associated with the palette. */
token?: string | null;
/**
* @default true
*/
showNames?: boolean;
}
export declare const ColorPaletteBlocks: FC<ColorPaletteBlocksProps>;
export declare const ColorBlocks: ({ colors }: {
colors: Record<string, string>;
}) => import("react/jsx-runtime").JSX.Element;
export {};