Skip to main content
react-md

parseCssLengthUnit 

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

See CSS values and units.

Example Usage

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

Parameters

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;
}

Returns

The number.