Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/David-Moreira/BlazorXTabs
BlazorXTabs is an extended tabs component library providing various tab features for Blazor!
https://github.com/David-Moreira/BlazorXTabs
blazor blazorx blazorxtabs components library nuget tabs wizard xtabs
Last synced: about 2 months ago
JSON representation
BlazorXTabs is an extended tabs component library providing various tab features for Blazor!
- Host: GitHub
- URL: https://github.com/David-Moreira/BlazorXTabs
- Owner: David-Moreira
- License: mit
- Created: 2020-11-14T00:01:34.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2023-11-15T14:24:05.000Z (about 1 year ago)
- Last Synced: 2024-08-04T01:08:15.102Z (5 months ago)
- Topics: blazor, blazorx, blazorxtabs, components, library, nuget, tabs, wizard, xtabs
- Language: C#
- Homepage: https://david-moreira.github.io/BlazorXTabs/
- Size: 59.9 MB
- Stars: 34
- Watchers: 4
- Forks: 10
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-blazor - BlazorXTabs -  An extended tabs component library providing various tab features for Blazor. (Libraries & Extensions / 2D/3D Rendering engines)
README
# BlazorXTabs
An extended tabs component library providing various tab features for Blazor!
[](https://www.nuget.org/profiles/DavidMoreira)
[](LICENSE)
Checkout all the examples at: [BlazorXTabs Demo](https://david-moreira.github.io/BlazorXTabs/)
## Main Features:
- Close tabs
- Navigate to page and render it as a tab
- Tabs won't duplicate when navigating to the same page
- Use XTabs classes to further customize the look
- Keep tabs state when switching between tabs
- Bind to events: Selected / Changed / Removed
- **v1.2.0**
- Setup wizard like tabs with events: Previous / Next and customizable previous/next buttons
- Possibility to set the active tab to Loading
- **v1.3.0**
- Able to drag & drop tabs
- **v1.4.0**
- Able to replace the standard RouteView component with a XTabsRouteView component that automatically renders the pages as tabs
- **v1.5.0**
- When CloseTabs is enabled. Able to close all tabs and configure a threshold to display the close all tabs button.
- When CloseTabs is enabled. Able to use mouse middle button click to close the tab.
- When CloseTabs is enabled. Able to limit closeable tabs to 1.
- **v1.6.0**
- Fixed RenderMode.Partial duplicating tabs
- Introduced XTabsAuthorizeRouteView to allow tabs integration with Authentication
- **v1.7.0**
- NET6 Support
- **v1.8.0**
- NET7 Support
- **v1.9.0**
- Introduced NavigationMode, this is a XTabsRouteView only setting.
- NavigationMode.Standard : This is the default and XTabs will work as it always did. Clicking a Page Tab will set it as active.
- NavigationMode.Navigable : This new setting will make it so that whenever a Page Tab is set to active, it additionally triggers navigation.
This is usefull to sync the browser url to the currently active Page Tab.
- **v2.0.0**
- NET8 Support
## Examples:
#### Standard usage:
Content 1
Content 2
#### Using the XTabsRouteView or XTabsAuthorizeRouteView to render pages as tabs:
Sorry, there's nothing at this address.
##### Use the XTabPageAttribute to set the page's tab title & other relevant parameters
@attribute [XTabPageAttribute("Home")]
#### Using as a wizard:
This is step 1!
This is step 2!
This is the last step. Step 3!
#### Drag&Drop:
I can be dragged!!
Drag me!
Please drag me!! I hate being last place!
## Setup:
- You can install the package via the nuget package manager just search for *BlazorXTabs*. You can also install via powershell using the following command.
```powershell
Install-Package BlazorXTabs
```
- Or via the dotnet CLI.
```bash
dotnet add package BlazorXTabs
```
- If you'd like to bring in XTabs default styling, don't forget to add:
```
```