Easy.Blazor.Bulma
1.0.2
Transitive security issue
See the version list below for details.
dotnet add package Easy.Blazor.Bulma --version 1.0.2
NuGet\Install-Package Easy.Blazor.Bulma -Version 1.0.2
<PackageReference Include="Easy.Blazor.Bulma" Version="1.0.2" />
paket add Easy.Blazor.Bulma --version 1.0.2
#r "nuget: Easy.Blazor.Bulma, 1.0.2"
// Install Easy.Blazor.Bulma as a Cake Addin #addin nuget:?package=Easy.Blazor.Bulma&version=1.0.2 // Install Easy.Blazor.Bulma as a Cake Tool #tool nuget:?package=Easy.Blazor.Bulma&version=1.0.2
Easy Blazor Bulma
Getting Started
This library provides an easy to use, out of the box implementation of the Bulma CSS framework for use with Blazor. It uses the latest version of Bulma, so you do not need to worry about updating it yourself. There are also several extensions to Bulma that are included and integrated here. Additionally, the Google Material Symbols font is packaged here also. All of this is takes just a single line in your index.html or single using statement in your CS files to start using.
After install, you can use all of the Bulma styles, along with those of the extension packages on your own components. You may want to store a copy of the pre-compiled CSS files somewhere in your solution so that Visual Studio can use Intellisense to give you CSS class recommendations. You will also be able to use the .material-icons
CSS class to use any of the Material Symbols. The icon font will also be updated regularly, just let me know if there are any missing and I can do an update.
Finally, you can use any of the pre-built components here to simplify use of the Bulma framework. Items such as <Tabs />
, <Panel />
, or <ProgressBar />
will all be available. There is a list below, eventually all items in the Bulma documentation will be added. If you need one of the missing ones either do a Pull Request or let me know and I may have time.
Installation
To use this library either clone a copy of the repository or check out the NuGet package
Component List
The following components are currently available for use. All of them are documented and you can hover over them in Visual Studio to get details for the components and their parameters.
Components
<Tabs />
and<Tab />
, creates a tab bar and content panels
Elements
<BooleanIcon />
, creates an icon with either a check or 'X'
Form
<InputFlaggedEnum />
, creates a series of checkboxes for bitmasked enum values
Usage
Basic Example
The following example provides a complete use case. This example makes use of the most basic configuration.
In your index.html file add the following line. You must do this even if you just want to use the components, they need this too.
<link rel="stylesheet" href="_content/Easy.Blazor.Bulma/css/easy-blazor-bulma.css" />
This will link the CSS style pack and Google Material Symbols icon font.
Next, add one of the components or use some of the styles in your own components.
@using easy_blazor_bulma
<p class='block'>Here's a giant checkbox!</p>
<BooleanIcon class='is-size-1 is-jumbo' @bind-Value=Test />
@code {
private bool Test { get; set; } = true;
}
Build Details
Frameworks
- .NET 6.0
- .NET 7.0
- .NET 8.0
External Libraries
Name | Usage | License | Library |
---|---|---|---|
Bulma | Submodule | MIT | GitHub |
Bulma Calendar | Submodule | MIT | GitHub |
Bulma Checkradio | Submodule | MIT | GitHub |
Bulma-O-Steps | Submodule | GPL-3.0 | GitHub |
Bulma Switch | Submodule | MIT | GitHub |
Bulma Tooltip | Submodule | MIT | GitHub |
Bulma Jumbo Tiny | Submodule | MIT | GitHub |
Material Symbols | Embedded | Apache 2.0 | GitHub |
Authors
- NF Software Inc.
License
This project is licensed under the MIT License - see the LICENSE file for details
Acknowledgments
Thank you to:
- Kmg Design for the project icon
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net6.0 is compatible. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net6.0
- BuildWebCompiler2022 (>= 1.14.10)
- Microsoft.AspNetCore.Components.Web (>= 6.0.0 && < 9.0.0)
-
net7.0
- BuildWebCompiler2022 (>= 1.14.10)
- Microsoft.AspNetCore.Components.Web (>= 6.0.0 && < 9.0.0)
-
net8.0
- BuildWebCompiler2022 (>= 1.14.10)
- Microsoft.AspNetCore.Components.Web (>= 6.0.0 && < 9.0.0)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
1.1.12 | 34 | 9/24/2024 |
1.1.11 | 116 | 9/11/2024 |
1.1.10 | 105 | 9/4/2024 |
1.1.9 | 145 | 8/21/2024 |
1.1.8 | 102 | 8/21/2024 |
1.1.7 | 121 | 8/13/2024 |
1.1.6 | 109 | 8/13/2024 |
1.1.5 | 112 | 8/8/2024 |
1.1.4 | 111 | 7/30/2024 |
1.1.3 | 93 | 7/18/2024 |
1.0.30 | 109 | 7/2/2024 |
1.0.29 | 103 | 6/28/2024 |
1.0.28 | 110 | 6/25/2024 |
1.0.27 | 94 | 6/7/2024 |
1.0.26 | 102 | 6/1/2024 |
1.0.25 | 98 | 5/30/2024 |
1.0.24 | 87 | 5/30/2024 |
1.0.23 | 93 | 5/28/2024 |
1.0.22 | 91 | 5/25/2024 |
1.0.21 | 84 | 5/25/2024 |
1.0.20 | 102 | 5/24/2024 |
1.0.19 | 152 | 4/29/2024 |
1.0.18 | 92 | 4/29/2024 |
1.0.17 | 123 | 4/11/2024 |
1.0.16 | 109 | 4/10/2024 |
1.0.15 | 125 | 4/1/2024 |
1.0.14 | 105 | 3/28/2024 |
1.0.13 | 98 | 3/28/2024 |
1.0.12 | 109 | 3/16/2024 |
1.0.11 | 104 | 3/14/2024 |
1.0.10 | 105 | 3/7/2024 |
1.0.9 | 103 | 3/6/2024 |
1.0.2
Add new components
1.0.1
Fix content not exporting
1.0.0
Initial release