polaris-glints
Version:
Glints forked polaris react
25 lines (24 loc) • 993 B
TypeScript
import { BreakpointsAlias, ColorsTokenName, SpacingSpaceScale } from '@shopify/polaris-tokens';
import React from 'react';
import { ResponsiveProp } from '../../utilities/css';
declare type CardBackgroundColorTokenScale = Extract<ColorsTokenName, 'surface' | 'surface-subdued'>;
declare type Spacing = ResponsiveProp<SpacingSpaceScale>;
export interface AlphaCardProps {
children?: React.ReactNode;
/** Background color
* @default 'surface'
*/
background?: CardBackgroundColorTokenScale;
/** The spacing around the card
* @default {xs: '4', sm: '5'}
* @example
* padding='4'
* padding={{xs: '2', sm: '3', md: '4', lg: '5', xl: '6'}}
*/
padding?: Spacing;
/** Border radius value above a set breakpoint */
roundedAbove?: BreakpointsAlias;
}
export declare const AlphaCard: ({ children, background, padding, roundedAbove, }: AlphaCardProps) => JSX.Element;
export {};
//# sourceMappingURL=AlphaCard.d.ts.map