Enterprise-level component library based on Bootstrap and Blazor

star nuget master download license repo commit

Breadcrumb 面包屑

显示当前页面的路径,快速返回之前的任意页面。

基础用法

适用广泛的基础用法。

Demo
@page "/breadcrumbs"

<h3>Breadcrumb 面包屑</h3>

<h4>显示当前页面的路径,快速返回之前的任意页面。</h4>

<Block Title="基础用法" Introduction="适用广泛的基础用法。">
    <Breadcrumb Value="@DataSource" />
</Block>
// 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/

using BootstrapBlazor.Components;
using System.Collections.Generic;
using System.Diagnostics.CodeAnalysis;

namespace BootstrapBlazor.Shared.Pages
{
    /// <summary>
    /// 
    /// </summary>
    public sealed partial class Breadcrumbs
    {
        [NotNull]
        private IEnumerable<BreadcrumbItem>? DataSource { get; set; }

        /// <summary>
        /// OnInitialized 方法
        /// </summary>
        protected override void OnInitialized()
        {
            base.OnInitialized();

            DataSource = new List<BreadcrumbItem>
            {
                new BreadcrumbItem("Home", "#"),
                new BreadcrumbItem("Library", "#"),
                new BreadcrumbItem("Data")
            };
        }
    }
}

B 站相关视频链接

暂无

交流群

QQ群:BootstrapAdmin & Blazor 795206915(满) 675147445 欢迎加群讨论
Themes
Bootstrap
Ant Design (完善中)
Bluma (完善中)
LayUI (完善中)
An error has occurred. This application may no longer respond until reloaded. Reload