Mobile Blazor Bindings app using Xamarin.Essentials to get device info

BatteryStats.razor

<Frame CornerRadius="10" BackgroundColor="Color.LightBlue">

    <StackLayout>
        <StackLayout Orientation="StackOrientation.Horizontal">
            <ProgressBar Progress="Battery.ChargeLevel" HeightRequest="20" HorizontalOptions="LayoutOptions.FillAndExpand" />
            <Label Text="@($"{Battery.ChargeLevel.ToString("P")}")" />
        </StackLayout>

        <Label Text="@($"🔋 state: {Battery.State.ToString()}")" />
        <Label Text="@($"🔋 source: {Battery.PowerSource.ToString()}")" />

        <Button Text="Where am I?" OnClick="@WhereAmI" />
    </StackLayout>

</Frame>

@code
{
    async Task WhereAmI()
    {
        try
        {
            var request = new GeolocationRequest(GeolocationAccuracy.Medium);
            var location = await Geolocation.GetLocationAsync(request);

            if (location != null)
            {
                var message = $"Latitude: {location.Latitude}, Longitude: {location.Longitude}, Altitude: {location.Altitude}";
                await Application.Current.MainPage.DisplayAlert("Found me!", message, "OK");
            }
        }
        catch (FeatureNotSupportedException)
        {
            // Handle not supported on device exception
        }
        catch (FeatureNotEnabledException)
        {
            // Handle not enabled on device exception
        }
        catch (PermissionException)
        {
            // Handle permission exception
        }
        catch (Exception)
        {
            // Unable to get location
        }
    }
}

found markup element with unexpected name 'ProgressBar'
The name 'Battery' does not exist in the current context

Hi @sambhavyadav90 the new components are not available on NuGet yet. You'll need to build the source in the repo to use the new components. We're working on an updated release to come out very soon that will have this all built.

Also, to access the Battery type, you'll need to use the Xamarin.Essentials library, which gives access to things like battery, geolocation, phone, SMS, email, and other device capabilities.

I'll be publishing lots more info on this hopefully later this week on the ASP.NET blog here: https://devblogs.microsoft.com/aspnet/