phone input
CompactInput with kind="phone". renders a +1 prefix and formats input asNNN-NNN-NNNN while the user types. blur validates a 10-digit value.
import from @klera/ui/components/forms/CompactInput
variants
wide (default placement)
+1
phone almost always sits at the standard onboarding width.
narrow
+1
tight enough to clip the prefix on small screens — avoid.
with helper text
+1