@neuctra/ui/dist/components/basic/Container.d.ts

A modern, responsive, customizable React UI component library powered by Tailwind CSS and Vite.

import { default as React, CSSProperties } from 'react';
type ScreenSize = "sm" | "md" | "lg";
type ResponsiveProp<T> = T | Partial<Record<ScreenSize, T>>;
interface ContainerProps {
    display?: ResponsiveProp<"block" | "flex" | "grid" | "inline-block">;
    flexDirection?: ResponsiveProp<"row" | "column" | "row-reverse" | "column-reverse">;
    justifyContent?: ResponsiveProp<"flex-start" | "center" | "flex-end" | "space-between" | "space-around" | "space-evenly">;
    alignItems?: ResponsiveProp<"flex-start" | "center" | "flex-end" | "stretch" | "baseline">;
    gridTemplateColumns?: ResponsiveProp<string>;
    gridTemplateRows?: ResponsiveProp<string>;
    gap?: ResponsiveProp<string>;
    rowGap?: ResponsiveProp<string>;
    columnGap?: ResponsiveProp<string>;
    width?: ResponsiveProp<string>;
    maxWidth?: ResponsiveProp<string>;
    height?: ResponsiveProp<string>;
    padding?: ResponsiveProp<string>;
    margin?: ResponsiveProp<string>;
    textAlign?: ResponsiveProp<"left" | "center" | "right">;
    backgroundColor?: string;
    border?: ResponsiveProp<string>;
    borderRadius?: ResponsiveProp<string>;
    boxShadow?: ResponsiveProp<string>;
    overflow?: ResponsiveProp<"visible" | "hidden" | "scroll" | "auto">;
    children: React.ReactNode;
    className?: string;
    style?: CSSProperties;
}
export declare const Container: React.FC<ContainerProps>;
export {};