Can't new create inputs variants

[jesusrodrz]

I am trying to create a new varian for inputs like I did for buttons

When i try to replicate this with MuiIpunt or MuiInputBase the typescript compilert complains like this feature isn't available

I'm working with the last Mui 5 release

• The issue is present in the latest release.
• I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

Expected Behavior 🤔

Steps to Reproduce 🕹

Steps:

Context 🔦

Your Environment 🌎

`npx @mui/envinfo`

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

[siriwatknp]

Unfortunately, it is not possible at this point for TextField related components (Input, InputBase, ...) because variant used in these components contain logic binding eg. label shrink, etc. By allowing more variant, it could break the component.

To achieve the similar result, you can create a new component instead.

import { styled } from '@mui/material/styles';
import InputBase from '@mui/material/InputBase';

const YourInput = styled(InputBase)(({ theme }) => ({
  // ...styling depends on your use case
}))

[GonzAVic]

I had the same problem, I wanted to create a variant for TextFields but material ui does't support it for this components... here is a workaround I use for this:

https://medium.com/@victorgonz96/create-material-ui-textfield-variants-2616b673cce0