Components•Input Mask
Components•Input Mask
Input Mask
A formatted text field for structured numeric values that need grouped spacing.
Dependencies
LucideBjorkInput
Copy below cli
npx shadcn add @bjork-ui/primitive-input-maskHow to use
import { BjorkInputMask } from "@/components/isaiahbjork/primitives";Props
classNamestringPass through styling hooks for the Input Mask primitive without replacing the base Bjork surface.
childrenReactNodeComposable content, labels, icons, and nested content where the primitive supports them.
valuestringPass the raw value through the input while the component displays grouped formatting.
Card mask
Use for structured numeric input where spacing improves scanning.
<BjorkInputMask />