customisation of textfield using css

[bipindubey-technoark]

I need to customize textfield css but its not working ..Please Help Thank You

[renanborgez]

hello @bipindubey-technoark

nice that you are using the component.

To be able to customise the textfield css, you can do this by using the className property and targeting your css to the input field.

https://codesandbox.io/s/o1v16rqqrz (check the last NiceInputPassword example)

[bipindubey-technoark]

Thanks @renanborgez for your quick reply It worked for me Is there any way i can put eye icon at the end for visibility toggle.

[renanborgez]

@bipindubey-technoark sounds very nice feature and quite simple give me some time and I'll implemented it because I think I'm also going to use it :) and then I'll reply to you in this thread

[bipindubey-technoark]

Ok no problem @renanborgez and thanks Again :) I have all the logic for toggle visibility and previously i was using custom input and i had added eye icon there and it was working but now i have integrated your component so i am not able to do this so please solve it as soon as possible. and Can you give some timeline till when it is done?

[bipindubey-technoark]

I want something like startAdornment and endAdornment we used in material ui component Thanks @renanborgez

[renanborgez]

@bipindubey-technoark that is precisely what I was thinking too :)

[bipindubey-technoark]

I will wait for your reply @renanborgez I need to deploy my changes as soon as possible because it is gone live

[bipindubey-technoark]

Any update? @renanborgez

[renanborgez]

Unlike the material ui which has its own styles, I left the adornments styleless I'm going to update the codesandbox demo, but basically it places the adornments in the beginning and in the end of the input field

if you want to place it like the material ui, you just need to apply styles for it, like positioning as absolute and etc...

check #10

[bipindubey-technoark]

Ok Thanks!!! @renanborgez

[bipindubey-technoark]

one more thing we dont have type props here like if user has clicked on eye icon i am basically changing the type of input from password to text so how to do this here

[renanborgez]

currently it is not possible, the idea of this component was about to create input password but I think it also not a problem to have it

[renanborgez]

working on that

[bipindubey-technoark]

ok

[bipindubey-technoark]

Any issue?

[bipindubey-technoark]

now can you give some examples related to icon added and type in codesandbox give basic example

[bipindubey-technoark]

Thanks @renanborgez for your precious help. Thanks Again @renanborgez