@patreon/studio/module/components/Card/types.d.ts

Patreon Studio Design System

import type { BaseProps, ChildrenProps, StylableProps } from '~/types/component';
export interface CardProps extends BaseProps, ChildrenProps, StylableProps {
    /**
     * Determines the card background color and border
     */
    variant?: 'default' | 'transparent';
    /**
     * Defines the elevation of the card, used to create separate layers of content.
     */
    elevation?: 'none' | 'low' | 'mid';
    /**
     * Adds padding to the card.
     */
    padding?: 'none' | 'tight' | 'regular';
    /**
     * Sets `height` to `100%`.
     */
    fluidHeight?: boolean;
}
export type CardContentProps = Pick<CardProps, 'padding'> & ChildrenProps & StylableProps;