function parseCssLengthUnit(options: ParseCssLengthUnitOptions): number;
The parseCssLengthUnit function is used to convert CSS length units into a
number. At this time, it really only supports
pxremem (if the container option is provided)See CSS values and units.
import { parseCssLengthUnit } from "@react-md/core/utils/parseCssLengthUnit";
parseCssLengthUnit({ value: "24px" }); // 24
parseCssLengthUnit({ value: "3.5rem" }); // 56
parseCssLengthUnit({
value: "3em",
container: document.querySelector(SOME_QUERY),
}); // container's computed fontSize * 3
options - an object with the following definition:export interface ParseCssLengthUnitOptions {
/**
* The css unit to convert to a numeric value.
*/
value: number | string;
/**
* @defaultValue `16`
*/
fallbackFontSize?: number;
/**
* @defaultValue `document.documentElement`
*/
container?: Element | null;
}
The number.