@undp/design-system-react/dist/Grid.d.ts

React based design system for UNDP

import { default as default_2 } from 'react';

export declare const Grid: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & GridProps & default_2.RefAttributes<HTMLDivElement>>;

export declare const GridItem: default_2.ForwardRefExoticComponent<default_2.HTMLAttributes<HTMLDivElement> & GridItemProps & default_2.RefAttributes<HTMLDivElement>>;

declare interface GridItemProps extends default_2.HTMLAttributes<HTMLDivElement> {
    noOfColSpan?: number | {
        base?: number;
        sm?: number;
        md?: number;
        lg?: number;
        xl?: number;
        '2xl'?: number;
    };
}

declare interface GridProps extends default_2.HTMLAttributes<HTMLDivElement> {
    noOfCol?: number | ResponsiveValue;
    gap?: string;
}

declare type ResponsiveValue = {
    base?: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    '2xl'?: number;
};

export { }


declare namespace BreadcrumbSeparator {
    var displayName: string;
}


declare namespace BreadcrumbEllipsis {
    var displayName: string;
}


declare namespace DialogHeader {
    var displayName: string;
}


declare namespace DialogFooter {
    var displayName: string;
}


declare namespace PaginationUnit {
    var displayName: string;
}


declare namespace PaginationLink {
    var displayName: string;
}


declare namespace PaginationPrevious {
    var displayName: string;
}


declare namespace PaginationNext {
    var displayName: string;
}


declare namespace PaginationEllipsis {
    var displayName: string;
}