Custom input does'nt allow adding styles

[Infraestructura TI]

Hello, I have been trying to change a simple Input Custom that I call from the <Field /> but it does'nt allow FillMode ={"outline"} and I could'nt change it from scss either. I don't know if I am having any direct problems from kendo material, any example? maybe I'm doing it wrong. (The Textbox component allows me but I'm not using it in the form)

[Konstantin Dikov]

Hello,

The Input component currently does not support fillMode, but you can wrap the Input in a span element with the class names added to the TextBox with the outline fillMode, so that the same styles can be applied:

        <span
          className={
            'k-textbox k-input k-input-md k-input-outline k-rounded-md'
          }
        >
          <Input
            valid={valid}
            type={type}
            id={id}
            disabled={disabled}
            maxlength={max}
            ariaDescribedBy={`${hindId} ${errorId}`}
            {...others}
          />
        </span>

Here is an example with the above approach:

• https://stackblitz.com/edit/react-hymrxz?file=app%2Fmain.jsx

Regards,
Konstantin Dikov
Progress Telerik