Question about the TextBox icon
Hello!
I've tried putting in icons using the current Blazor TextBox example.
Can you tell me what icons I can use?
The code is shown in the picture below.
And I think I've tested all the icons on the link below.
https://blazor.syncfusion.com/documentation/appearance/icons
Hi choi,
Thank you for reaching out us. We have validated your requirement and we have included the appropriate icon inside the textbox for both the login and password. Kindly check out the below code snippet for further reference.
Code snippet:
|
<SfTextBox @ref="textObj" Created="getIDIcon"></SfTextBox> <SfTextBox @ref="textObj1" Created="getPWIcon"></SfTextBox> @code { SfTextBox textObj; SfTextBox textObj1; public async void getIDIcon() { await textObj.AddIconAsync("append", "oi oi-account-login"); }
public async void getPWIcon() { await textObj1.AddIconAsync("append", "e-icons e-eye"); } }
|
Kindly check out the below sample for further reference.
Sample: https://blazorplayground.syncfusion.com/rjBTDfhTKRfcNVBD
Regards,
Yohapuja S
Thank you for your answer.
Can I get a list of icons that I can use as an additional question?
I'd appreciate it if you could find the icon of the picture as well.
Hi Choi,
Thank you for getting back to us. We have now located the icons for the user and key. You can use "e-icons e-user" for the user icon and "oi oi-key" for the key icon. Here's the code snippet for reference:
|
await textObj.AddIconAsync("append", "e-icons e-user");
await textObj1.AddIconAsync("append", "oi oi-key");
|
Additionally, we have implemented a sample using these icons. You can check it out here:
Sample: https://blazorplayground.syncfusion.com/LDBfNJhnLCHCqCRb
Furthermore, you can find the icons in the following list based on the theme you are using:
Documentation: https://blazor.syncfusion.com/documentation/appearance/icons#icons-list
Regards,
Yohapuja S
- 3 Replies
- 2 Participants
-
?? ???
- Apr 22, 2024 12:46 AM UTC
- Apr 26, 2024 06:35 AM UTC