@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
31 lines (30 loc) • 1.2 kB
TypeScript
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;