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

Image_8857_1713746581559

Image_8198_1713746558474


3 Replies

YS Yohapuja Selvakumaran Syncfusion Team April 24, 2024 11:12 AM UTC

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



?? ??? replied to Yohapuja Selvakumaran April 25, 2024 12:03 AM UTC

Thank you for your answer.

Can I get a list of icons that I can use as an additional question?


스크린샷 2024-04-25 090201.png


I'd appreciate it if you could find the icon of the picture as well.



YS Yohapuja Selvakumaran Syncfusion Team April 26, 2024 06:35 AM UTC

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


Loader.
Up arrow icon