diff --git a/src/NumberWithUnit/NumberWithUnit.jsx b/src/NumberWithUnit/NumberWithUnit.jsx index 981ac5b713544a5385c906ab44cc9dfe6ac4e7a5..9ab0fda00f6260279a561fc02f8ce1362ab660fe 100644 --- a/src/NumberWithUnit/NumberWithUnit.jsx +++ b/src/NumberWithUnit/NumberWithUnit.jsx @@ -14,19 +14,21 @@ export default function NumberWithUnit({ const splitValues = function (fontSize) { if (!fontSize) { - return {size: "0", unit: "px"}; + return { size: "0", unit: "px" }; } - const match = fontSize.match(/^(\d+)([a-z%]+)$/i); + const match = fontSize.match(/^(\d*\.?\d+)([a-z%]+)$/i); if (!match) { - return {size: "16", unit: "px"}; + return { size: "16", unit: "px" }; } + return { size: match[1], unit: match[2] }; - } + }; + const [unit, setUnit] = useState(splitValues(value).unit); const [size, setSize] = useState(splitValues(value).size);