@tolokoban/ui
Version:
React components with theme
30 lines • 1.31 kB
TypeScript
import { NumberWithUnit } from "./common.js";
export interface DimensionStyleProps {
/** CSS width. */
width?: NumberWithUnit;
/** CSS height. */
height?: NumberWithUnit;
/** CSS maxWidth. */
maxWidth?: NumberWithUnit;
/** CSS maxHeight. */
maxHeight?: NumberWithUnit;
/** CSS minWidth. */
minWidth?: NumberWithUnit;
/** CSS minHeight. */
minHeight?: NumberWithUnit;
/** If true, set width=100% and height=100%. Default to false. */
fullsize?: boolean;
/** If true, set width=100%. Default to false. */
fullwidth?: boolean;
/** If true, set height=100%. Default to false. */
fullheight?: boolean;
/** If true, set 100% to width or height depending if we are in landscape or portrait mode. */
fullwide?: boolean;
/** If true, set 100% to width or height depending if we are in portrait or landscape mode. */
fullnarrow?: boolean;
/** width / height */
aspectRatio?: number;
}
export declare function styleDimension({ width, height, maxWidth, maxHeight, minWidth, minHeight, aspectRatio, }: DimensionStyleProps): import("react").CSSProperties;
export declare function classnameDimension({ fullsize, fullwidth, fullheight, fullwide, fullnarrow, }: DimensionStyleProps): string;
//# sourceMappingURL=dimension.d.ts.map