Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A special class property for the text input icon [Feature]: #1033

Closed
nodirbekrajaboff opened this issue May 5, 2024 · 1 comment
Closed

Comments

@nodirbekrajaboff
Copy link

What problem does this feature solve?

I can't change icon color when typing using ClassName

What does the proposed API look like?

No response

@severinlandolt
Copy link
Member

severinlandolt commented May 13, 2024

Hi @nodirbekrajaboff! Unfortunately, we do not have any slots for targeting specific elements in the text input component. However, you could use arbitrary variants for this:
<TextInput icon={SearchIcon} placeholder="Search..." className="[&>svg]:text-red-500" />

CleanShot 2024-05-13 at 17 22 30@2x

Another alternative: Try our new Raw Input component.

Hope this helps!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants