526互联

BootstrapBlazor.Splitting 加载动画组件

发布时间 2023-09-21 16:17:35作者: 代码搬运工lee

BootstrapBlazor.Splitting 加载动画组件

介绍

本Blazor组件依赖于BootstrapBlazor组件库开发，底层由Splitting.js和gsap.js实现。

使用该组件库之前需要先安装BootstrapBlazor.Splitting组件独立包。

可以通过nuget命令行安装

NuGet\Install-Package BootstrapBlazor.Splitting -Version 7.0.0

或者双击项目名称直接添加ItemGroup

<ItemGroup>
    <PackageReference Include="BootstrapBlazor.Splitting" Version="7.0.0" />
</ItemGroup>

默认示例

<div>
    <Splitting/>
</div>

Alt text

自定义文本

<div>
    <Splitting Text="加载中 。。。" />
</div>

Alt text

自定义颜色

<div>
    <Splitting Color="Color.Info" Text="加载中 。。。" />
</div>

Alt text

自定义粒度

<div>
    <Splitting Columns="30" Text="加载中 。。。" />
</div>

Alt text