Bootstrap 4 Components for Blazor Framework
Warning
: Contains breaking changes for Interop if you were calling it directly moved to IBlazorStrap.JavascriptInteropWarning
: Contains breaking changes for ThemeSwitcher now takes an Enum of the default themes or URI to the CSS file. Note: This is the first release with the new interop. Test before using it in production.
To upgrade, remove blazorstrap.js script from _host.cshtml or index.html. Then it's recommended to replace <BSToaster/>
with <BSCore/>
. Placing it after your @Body in your main layout. If you're placing the toaster, in a specific location use <BSCore HasToaster="false" />
keeping your <BSToaser/>
where you like.
<script src="_content/BlazorStrap/popper.min.js"></script> is still required.Note. <BSCore/> is also responsible for rendering the backdrop now. If omitted, the backdrop will not be shown. BSCore also preloads the javascript module so it's ready when called by components.
Changes:
Adds
ContainerClass to BSInputSwitch. @LockTar
NOTE: BSInputCheckbox uses the same base type as BSInputSwitch if used on BSInputCheckbox it dumps the values into the Class parameter.
Adds bool/bool? null support for InputType.Switch.
NOTE:
<option value="">Null</option> <option value="true">True</option> <option value="false">False</option>
https://www.nuget.org/packages/BlazorStrap/5.1.102.50923
First, my apologies. I introduced a deadlock on BSCollapse with last minute fix for a rendering issue. This release fixes that issue. You only need to update the core package BlazorStrap to this version. You do not need to update the BlazorStrap.V4/BlazorStrap.V5 from 5.1.102
https://www.nuget.org/packages/BlazorStrap/5.1.102.50923 https://www.nuget.org/packages/BlazorStrap.V4/5.1.102 https://www.nuget.org/packages/BlazorStrap.V5/5.1.102
Very Small update.
Warning : BlazorStrap and BlazorStrap.V# packages must be the same version.
Warning : BSModal Content now has a Context it might be necessary to rename it when upgrading.
The following steps will help you upgrade from both existing versions of BlazorStrap. V5.0 to V5.1
- Add
<PackageReference Include="BlazorStrap.V5" Version="5.1.100" />
to csproj- Add @using BlazorStrap.V5 to your _imports.razor
V1 To V5.1 There is no direct upgrade path as some components and parameters have been renamed. However, to get started do the following actions. Assuming you're still targeting Bootstrap 4
- Add
<PackageReference Include="BlazorStrap.V4" Version="5.1.100" />
to csproj- Add @using BlazorStrap.V4 to your _imports.razor
These changes affect the following components
Note: This should be the last preview before release.
Warning : BlazorStrap and BlazorStrap.V# packages must be the same version.
The following steps will help you upgrade from both existing versions of BlazorStrap. V5.0 to V5.1
- Add
<PackageReference Include="BlazorStrap.V5" Version="5.1.100-Preview6" />
to csproj- Add @using BlazorStrap.V5 to your _imports.razor
V1 To V5.1 There is no direct upgrade path as some components and parameters have been renamed. However, to get started do the following actions. Assuming you're still targeting Bootstrap 4
- Add
<PackageReference Include="BlazorStrap.V4" Version="5.1.100-Preview6" />
to csproj- Add @using BlazorStrap.V4 to your _imports.razor
Warning : BSModal Content now has a Context it might be necessary to rename it you may have to rename it when upgrading.
These changes affect the following components
Docs https://blazorstrap.io/Beta/
Docs https://blazorstrap.io/Beta/
For Bootstrap 4 @using BlazorStrap.V4 For Bootstrap 5 @using BlazorStrap.V5
In _Host.cshtml for server side or index.html for wasm add the following For bootstrap 4.
<link href="_content/BlazorStrap.V4/offcanvas.css" rel="stylesheet" />
or your custom version of it.<link href=yourproject.styles.css" rel="stylesheet">
<script src="_content/BlazorStrap/popper.min.js"></script>
<script src="_content/BlazorStrap/blazorstrap.js"></script>
For bootstrap 5. In _Host.cshtml for server side or index.html for wasm add the following For bootstrap 4.
<link href=yourproject.styles.css" rel="stylesheet">
<script src="_content/BlazorStrap/popper.min.js"></script>
<script src="_content/BlazorStrap/blazorstrap.js"></script>
Change @using BlazorStrap to @using BlazorStrap.V5 in your _Imports.razor Add package https://www.nuget.org/packages/BlazorStrap.V5/5.1.100-Beta1
There is no direct upgrade path as some components have changed names and/or parameters. Please follow new install steps to get started.