Link the home item to home page

Hopefully simple - 

If i generate a sample app with the AppBar I get a House icon at the top. How do I make the click of this take me back to home?

I tried adding rel='nofollow' href="" but it doesn't do anything


1 Reply

SR Swathi Ravi Syncfusion Team May 20, 2024 10:22 AM UTC

Hi Richard,


You can achieve your requirement by using the <a> tag, as shown in the snippet below. In the provided example, we navigate to our Blazor documentation page by clicking the home icon.


<SfAppBar ColorMode="AppBarColor.Primary">
      <a rel='nofollow' href="https://blazor.syncfusion.com/documentation/schedule/overview/" target="_blank" class="btn e-inherit e-icons e-home"></a>
       <AppBarSpacer></AppBarSpacer>
       <span class="regular">Blazor AppBar</span>
 </SfAppBar>

Sample: https://blazorplayground.syncfusion.com/BDrpXSrNAcNmTPqD



Regards,

Swathi Ravi


Loader.
Up arrow icon