@radix-ui/themes/dist/esm/props/width.props.d.ts

[](https://radix-ui.com/themes)

import type { GetPropDefTypes } from './prop-def.js';
declare const widthPropDefs: {
    /**
     * Sets the CSS **width** property.
     * Supports CSS strings and responsive objects.
     *
     * @example
     * width="100px"
     * width={{ md: '100vw', xl: '1400px' }}
     *
     * @link
     * https://developer.mozilla.org/en-US/docs/Web/CSS/width
     */
    width: {
        type: "string";
        className: string;
        customProperties: "--width"[];
        responsive: true;
    };
    /**
     * Sets the CSS **min-width** property.
     * Supports CSS strings and responsive objects.
     *
     * @example
     * minWidth="100px"
     * minWidth={{ md: '100vw', xl: '1400px' }}
     *
     * @link
     * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
     */
    minWidth: {
        type: "string";
        className: string;
        customProperties: "--min-width"[];
        responsive: true;
    };
    /**
     * Sets the CSS **max-width** property.
     * Supports CSS strings and responsive objects.
     *
     * @example
     * maxWidth="100px"
     * maxWidth={{ md: '100vw', xl: '1400px' }}
     *
     * @link
     * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
     */
    maxWidth: {
        type: "string";
        className: string;
        customProperties: "--max-width"[];
        responsive: true;
    };
};
type WidthProps = GetPropDefTypes<typeof widthPropDefs>;
export { widthPropDefs };
export type { WidthProps };
//# sourceMappingURL=width.props.d.ts.map