fui-fancyui
Version:
FancyUI Libary
26 lines (25 loc) • 1.21 kB
TypeScript
import { CSSProp } from 'styled-components';
import { TLayer } from '../../../types/TLayer';
import { TUiColorsNotTransparent } from '../../../types/TUiColorsNotTransparent';
import { TThemeValueOrCSS } from '../../../design/designFunctions/getThemeOrValueAsCss';
import { TTextAlignLRC, TAlignItemsValues } from '../../../types';
export type TFancyContent = {
/** Layout mode for the grid: 'normal' = 2x2 grid, 'stack' = single column, 'row' = horizontal row, 'auto' = determines based on content */
layoutMode?: 'normal' | 'stack' | 'row' | 'auto';
/** Gap between text elements (title and description) */
gapBetweenText?: TThemeValueOrCSS;
/** Gap between icon and content */
gapBetweenIcon?: TThemeValueOrCSS;
/** Overall gap for the grid */
gap?: TThemeValueOrCSS;
children?: React.ReactNode;
themeType?: TUiColorsNotTransparent;
layer?: TLayer;
externalStyle?: CSSProp;
alignIcon?: 'left' | 'right';
/** Horizontal alignment of all content */
justify?: TTextAlignLRC;
/** Vertical alignment of all content */
align?: TAlignItemsValues;
};
export type TFancyContentHTMLAttrs = TFancyContent & React.HTMLAttributes<HTMLSpanElement>;