@fle-ui/pro-layout
Version:
@fle-ui/pro-layout
54 lines (53 loc) • 1.51 kB
TypeScript
import { CSSProperties, FC, Key, ReactNode } from 'react';
import type { TabsProps } from '@fle-ui/next';
import './index.less';
export interface ProCardProps {
colSpan?: number;
gutter?: Gutter;
justify?: 'start' | 'end' | 'center' | 'space-around' | 'space-between';
align?: 'top' | 'middle' | 'bottom';
wrap?: boolean;
dividertype?: 'horizontal' | 'vertical';
spaceSize?: Size | Size[];
actions?: Array<ReactNode>;
activeTabKey?: string;
bordered?: boolean;
cover?: ReactNode;
defaultActiveTabKey?: string;
extra?: ReactNode;
hoverable?: boolean;
loading?: boolean;
cardSize?: 'default' | 'small';
tabBarExtraContent?: ReactNode;
tabList?: Array<{
key: string;
tab: ReactNode;
}>;
tabProps?: TabsProps;
cardType?: string;
onTabChange?: (key: Key) => void;
title?: ReactNode;
tooltip?: ReactNode;
children?: ReactNode;
className?: string;
style?: CSSProperties;
headBordered?: boolean;
ghost?: boolean;
direction?: 'horizontal' | 'vertical';
contentLayout?: 'center';
}
interface BreakPoint {
xs?: number | Span;
sm?: number | Span;
md?: number | Span;
lg: number | Span;
xl: number | Span;
xxl: number | Span;
}
declare type Gutter = number | [number, number] | BreakPoint;
declare type Span = {
span?: number;
};
declare type Size = 'small' | 'middle' | 'large' | number;
declare const ProCard: FC<ProCardProps>;
export default ProCard;