@seplan/diti-ds/dist/components/ui/data-list.d.ts

Reusable UI component library developed by DITI (Technology and Innovation Directorate of SEPLAN PI) based on Mantine and Tailwind CSS

import { ReactNode, HTMLAttributes } from 'react';
declare const spacingMap: {
    readonly xs: 2;
    readonly sm: 3;
    readonly md: 4;
    readonly lg: 6;
    readonly xl: 8;
};
type SpacingSize = keyof typeof spacingMap;
interface DataListRootProps extends HTMLAttributes<HTMLElement> {
    children: ReactNode;
    orientation?: 'vertical' | 'horizontal';
    spacing?: SpacingSize;
    minWidth?: string;
    maxWidth?: string;
}
interface DataListItemProps extends HTMLAttributes<HTMLDivElement> {
    children: ReactNode;
}
interface DataListLabelProps extends HTMLAttributes<HTMLSpanElement> {
    children: ReactNode;
}
interface DataListValueProps extends HTMLAttributes<HTMLSpanElement> {
    children: ReactNode;
}
export declare function DataListRoot({ children, className, orientation, spacing, minWidth, maxWidth, ...props }: DataListRootProps): import("react/jsx-runtime").JSX.Element;
export declare function DataListItem({ children, className, ...props }: DataListItemProps): import("react/jsx-runtime").JSX.Element;
export declare function DataListLabel({ children, className, ...props }: DataListLabelProps): import("react/jsx-runtime").JSX.Element;
export declare function DataListValue({ children, className, ...props }: DataListValueProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=data-list.d.ts.map