@knapsack/app
Version:
Build Design Systems on top of knapsack, by Basalt
20 lines • 855 B
TypeScript
import React from 'react';
import { Props as TemplateProps } from './template';
import './template-thumbnail.scss';
declare type Props = Partial<Omit<TemplateProps, 'isResizable'>> & {
handleSelection?: () => void;
/**
* The width in pixels that the pattern prefers to be demoed at; a button might be 150, a card 450, and a hero 1100
*/
patternWidth?: number;
patternId: string;
/** Width and height of thumbnail. Defaults to 120. */
thumbnailSize?: number;
};
/**
* Shows a small thumbnail of a single pattern's template. Can just pass in `patternId` and sensible defaults are chosen or be specific and pass in all the same props as `<Template />`
* @example <TemplateThumbnail patternId="card" />
*/
export declare const TemplateThumbnail: React.FC<Props>;
export {};
//# sourceMappingURL=template-thumbnail.d.ts.map