Skip to content

Latest commit

 

History

History
91 lines (75 loc) · 1.82 KB

File metadata and controls

91 lines (75 loc) · 1.82 KB

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.