FluentCMS.Web.UI.Components

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.