An open API service indexing awesome lists of open source software.

https://github.com/mwinkler/blazor.components

UI components for ASP.NET Blazor (Tree, Selector)
https://github.com/mwinkler/blazor.components

asp-net-core blazor bootstrap components selector tree

Last synced: 7 months ago
JSON representation

UI components for ASP.NET Blazor (Tree, Selector)

Awesome Lists containing this project

README

          

# Blazor Components

Some Blazor components I'm working on:
- [Tree](#tree)
- [Tag Selector](#tagselector)
- [Page Panel](#pagepanel)

See running example: https://blazorcomponents.z6.web.core.windows.net/

## Tree

![](https://raw.githubusercontent.com/mwinkler/Blazor.Components/master/doc/tree.png)

```html

@context.Text

```

**Client Dependencies**
```html

```

[Code example](https://github.com/mwinkler/Blazor.Components/blob/master/example/ComponentsDemo/TreeSample.razor)
[Code example (Lazy Loading)](https://github.com/mwinkler/Blazor.Components/blob/master/example/ComponentsDemo/TreeSampleLazy.razor)
[Live Demo](https://blazorcomponents.z6.web.core.windows.net)

[![NuGet Status](https://img.shields.io/nuget/v/MW.Blazor.Tree.svg?style=flat&max-age=86400)](https://www.nuget.org/packages/MW.Blazor.Tree/)

**Features / Tasks**
- [x] Generic data support
- [x] Item templating
- [x] Styling (Bootstrap/Font Awesome)
- [x] Subtree loading indicator (lazy loading)
- [x] Disabling selection of nodes
- [x] Single selection
- [ ] Multi selection (Checkboxes)
- [x] Event population (OnSelect, OnExpand, ...)
- [x] Support EventCallback<>

**Change Log**
- 1.3
- Add new property 'OnNodeExpand' to handle lazy loading
- Add new style 'NodeLoadingClass' to indicate branch loading
- 1.2
- Added optional property 'NodeDisabled' to evaluate if node is selectable
- Added new style class 'NodeTitleSelectableClass' (set if node is selectable)
- Added new style class 'NodeTitleDisabledClass' (set if node is disabled)
- 1.1.8
- Add default for 'ChildSelector' property
- 1.1.7
- Pass 'Style' to childs
- 1.1.6
- Update to .NET Core 3.0 (Final)
- 1.1.4
- Update to .NET Core 3.0-preview9
- 1.1.3
- Update to .NET Core 3.0-preview8
- 1.1.2
- Update to .NET Core 3.0-preview6
- 1.1.1
- Convert from razor to blazor lib
- 1.1.0
- Update to .NET Core 3 preview4
- Move to namespace ```MW.Blazor```
- Implement EventCallback
- Breaking Change: SelectedNodes (```IList```) -> SelectedNode (```TItem```)

## Tag Selector

![](https://raw.githubusercontent.com/mwinkler/Blazor.Components/master/doc/tag-selector.gif)

```html

@context

```
**Client Dependencies**
```html

```
[Code example](https://github.com/mwinkler/Blazor.Components/blob/master/example/ComponentsDemo/TagSelectorSample.razor)
[Live Demo](https://blazorcomponents.z6.web.core.windows.net)

[![NuGet Status](https://img.shields.io/nuget/v/MW.Blazor.TagSelector.svg?style=flat&max-age=86400)](https://www.nuget.org/packages/MW.Blazor.TagSelector/)

**Features / Tasks**
- [x] Generic data support
- [x] Item templating
- [x] Autocomplete
- [x] Selection via keys (up/down/enter)
- [x] Styling (Bootstrap)
- [ ] Disabling selection of items
- [x] Event population (OnSelect, OnRemove)
- [x] Support EventCallback<>

**Change Log**
- 1.2.3
- Update to .NET Core 3.0 (Final)
- 1.2.1
- Update to .NET Core 3.0-preview9
- 1.2
- Add new callback 'OnCreateTag' to catch user input and create tag on the fly ([Issue #1](https://github.com/mwinkler/Blazor.Components/issues/1))
- 1.1.3
- Update to .NET Core 3.0-preview8
- 1.1.2
- Update to .NET Core 3.0-preview6
- 1.1.1
- Convert from razor to blazor lib
- Add EventCallback for SelectedTags
- 1.1.0
- Update to .NET Core 3 preview4
- Move to namespace ```MW.Blazor```
- Implement EventCallback

## Page Panel

![](https://raw.githubusercontent.com/mwinkler/Blazor.Components/master/doc/page-panel.gif)

```html



Page 1




Page 2




Page 3




Page 4

<
@CurrentPage
>

@functions { int CurrentPage { get; set; } }
```

**Client Dependencies**
```html

```
[Code example](https://github.com/mwinkler/Blazor.Components/blob/master/example/ComponentsDemo/PagePanelSample.razor)
[Live Demo](https://blazorcomponents.z6.web.core.windows.net)

[![NuGet Status](https://img.shields.io/nuget/v/MW.Blazor.PagePanel.svg?style=flat&max-age=86400)](https://www.nuget.org/packages/MW.Blazor.PagePanel/)

**Features / Tasks**
- [x] Multiple pages on same page
- [ ] Defaults for 'Widths' property
- [ ] Property for transition time
- [ ] Simplify 'Widths' property

**Change Log**
- 1.1.6
- Update to .NET Core 3.0 (Final)
- 1.1.4
- Update to .NET Core 3.0-preview9
- 1.1.3
- Update to .NET Core 3.0-preview8
- 1.1.2
- Update to .NET Core 3.0-preview6
- 1.1.1
- Convert from razor to blazor lib
- 1.1.0
- Update to .NET Core 3 preview4
- Move to namespace ```MW.Blazor```
- Use CascadeValue to provide current page index