FluentCMS.Web.UI.Components 0.0.4

There is a newer version of this package available.
See the version list below for details.
dotnet add package FluentCMS.Web.UI.Components --version 0.0.4                
NuGet\Install-Package FluentCMS.Web.UI.Components -Version 0.0.4                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="FluentCMS.Web.UI.Components" Version="0.0.4" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add FluentCMS.Web.UI.Components --version 0.0.4                
#r "nuget: FluentCMS.Web.UI.Components, 0.0.4"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install FluentCMS.Web.UI.Components as a Cake Addin
#addin nuget:?package=FluentCMS.Web.UI.Components&version=0.0.4

// Install FluentCMS.Web.UI.Components as a Cake Tool
#tool nuget:?package=FluentCMS.Web.UI.Components&version=0.0.4                

FluentCMS Component Library

A custom Blazor-based component library designed with Flowbite styles, providing a rich set of reusable and modular UI components. These components are built based on our needs in FluentCMS.

Components

The library includes the following components:

General Components

  • Accordion
  • Alert
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • CloseButton
  • Confirm
  • DataTable
  • Divider
  • Dropdown
  • Grid & GridItem
  • Icon
  • Indicator
  • InlineEditor
  • Modal
  • Pagination
  • Spacer
  • Spinner
  • Stack
  • Stepper
  • Tabs
  • Toast
  • Tooltip
  • Typography

Form Components

  • Autocomplete
  • Checkbox
  • CheckboxGroup
  • DateInput
  • FileUpload
  • Input
  • MarkdownEditor
  • NumberInput
  • TreeSelector
  • RichTextEditor
  • RadioGroup
  • Select
  • Switch
  • Textarea
  • Label
  • FormField

Getting Started

Installation

  1. Install nuget package:

    dotnet package add FluentCMS.Web.UI.Components
    
  2. Register UI Components service in Program.cs file:

    builder.Services.AddUIComponents();
    
  3. Add link to Styles in head section of the App.razor file:

    <link rel="stylesheet" href="/_content/FluentCMS.Web.UI.Components/css/flowbite.min.css">
    
  4. Use components in your project:

    <Button Type="ButtonType.Submit" Color="Color.Primary">Submit</Button>
    <Button @onclick="() => Console.WriteLine("Cancelled")">Cancel</Button>
    
  5. Run the application:

    dotnet run
    

Contribution

We welcome contributions! If you'd like to contribute, please open an issue or submit a pull request.

License

This project is open-source and available under the MIT License.

Product Compatible and additional computed target framework versions.
.NET net9.0 is compatible. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (8)

Showing the top 5 NuGet packages that depend on FluentCMS.Web.UI.Components:

Package Downloads
FluentCMS.Web.Plugins.Base

base plugin.

FluentCMS.Web.Plugins.RichText

RichText plugins.

FluentCMS.Web.Plugins.Admin

admin plugins.

FluentCMS.Web.UI

Web UI.

FluentCMS.Web.Plugins.TextHTML

TextHTML plugins.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
0.0.5 120 12/16/2024
0.0.4 124 12/7/2024
0.0.3 122 11/29/2024