FormControl using incorrect variant?

[lighth7015]

Good morning!

I'm working on a phone number validation TextField, however I've noticed that the TextField component doesn't work with @solid-primitives/input-mask, forcing me to roll my own using the FormGroup, Input and InputLabel controls to achieve the desired behavior; however, in doing this- I lose the ability to pass the variant prop through my control to the FormGroup, as the FormGroup seems to only use the default variant, which is weird.

I have a copy of my control hosted here, for reference.

Any assistance in fixing this would be greatly appreciated!

Thank you in advance!

[nate-summercook]

Hey @lighth7015
I'm no contributor here, but I noticed that you say you're using "Input" in your "FormControl". Please note that "Input" IS the standard variant of the input field.
This is in "TextField.jsx":

const variantComponent = {
    standard: Input,
    filled: FilledInput,
    outlined: OutlinedInput,
};

So if you'd like a different variant than the standard, you should also use that specific component as shown in that map from the TextField component.

Good luck! :)