Bootstrap Blazor enterprise-level UI component library

Enterprise-level component library based on Bootstrap and Blazor

Example Razor C#Video

GoTop

Click to return to the top of the specified container

Basic usage

Click to return to the top usage

Demo

The Footer component appears at the bottom, and the page automatically scrolls back to the top when you click Back to the Top

This example passes the component client ID

@inject IStringLocalizer<GoTopNormal> Localizer

<div id="scroll" class="overflow-auto border border-secondary p-3" style="max-height: 180px; border-radius: 4px; position: relative;">
    <div style="height: 200px">
        <p>@Localizer["Description1"]</p>
        <p>@Localizer["Description2"]</p>
    </div>
    <footer class="footer">
        <div class="footer-text">
            <span>Bootstrap Blazor</span>
        </div>
        <GoTop Target="#scroll" />
    </footer>
</div>

Attributes

@page "/gotops"
@inject IStringLocalizer<GoTops> Localizer

<h3>GoTop</h3>

<h4>Click to return to the top of the specified container</h4>

<DemoBlock Title="Basic usage" Introduction="Click to return to the top usage" Name="Normal" Demo="typeof(Demos.GoTop.GoTopNormal)" />

<AttributeTable Items="@GetAttributes()" />

// Copyright (c) Argo Zhang (argo@163.com). All rights reserved.
// Licensed under the Apache License, Version 2.0. See License.txt in the project root for license information.
// Website: https://www.blazor.zone or https://argozhang.github.io/

namespace BootstrapBlazor.Shared.Samples;

/// <summary>
/// GoTops
/// </summary>
public sealed partial class GoTops
{
    private IEnumerable<AttributeItem> GetAttributes() => new AttributeItem[]
    {
        new AttributeItem() {
            Name = "Target",
            Description = Localizer["Desc1"],
            Type = "string",
            ValueList = " — ",
            DefaultValue = " — "
        }
    };
}

GoTop

Click to return to the top of the specified container

Demo

Attributes

Bootstrap Blazor Component library updated to 7.2.5-beta02