@talixo-ds/masked-input

Installation

npm install @talixo-ds/masked-input

Importing

import { MaskedInput } from "@talixo-ds/masked-input";

Usage example

<MaskedInput
	mask={
		value ? (
			<Box
				sx={{
					padding: 3,
					border: "1px solid black",
					borderRadius: 2
				}}
			>
				{value}
			</Box>
		) : undefined
	}
>
	<TextInput value={value} onChange={(e) => setValue(e.target.value)} />
</MaskedInput>