@dnb/eufemia/components/card/Card.d.ts

DNB Eufemia Design System UI Library

import React from 'react';
import { SectionProps } from '../section/Section';
import type { BasicProps as FlexContainerProps } from '../flex/Container';
import type { BasicProps as FlexItemProps } from '../flex/Item';
import type { SpaceProps } from '../Space';
export type Props = {
    /**
     * Define a title that appears on top of the Card
     */
    title?: React.ReactNode;
    /**
     * Define if the Card should behave responsive. Defaults to `true`
     */
    responsive?: boolean;
    /**
     * Define if the Card should get the same background color as the outline border
     */
    filled?: boolean;
} & FlexContainerProps & Pick<SectionProps, 'outset' | 'outline' | 'outlineWidth' | 'backgroundColor'> & FlexItemProps & {
    stack?: boolean;
} & SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'size' | 'title'>;
declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
declare namespace Card {
    var _supportsSpacingProps: boolean;
    var Provider: ({ disableCardBreakout, children, }: {
        disableCardBreakout?: boolean;
        children: React.ReactNode;
    }) => import("react/jsx-runtime").JSX.Element;
}
export default Card;