MASA.Blazor

Blazor UI component library based on Material Design. Support Blazor Server, Blazor WebAssembly and MAUI Blazor.

MIT License

Stars
1.1K
Committers
53
View Code on GitHub Visit Website
Ecosystems: Blazor, .NET

Bot releases are hidden (Show)

MASA.Blazor - v1.5.4

Published by capdiem 5 months ago

โœจ Release notes

๐Ÿ”ง Bug Fixes

  • PullRefresh: should not preventDefault on touch move. #1950

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.3...1.5.4

MASA.Blazor - v1.6.0-beta.2

Published by capdiem 5 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.6.0-beta.1...1.6.0-beta.2

MASA.Blazor - v1.6.0-beta.1

Published by capdiem 5 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.3...1.6.0-beta.1

MASA.Blazor - v1.5.3

Published by capdiem 5 months ago

โœจ Release notes

๐Ÿ”ง Bug Fixes

๐Ÿ“ Docs

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.2...1.5.3

MASA.Blazor - v1.5.2

Published by capdiem 5 months ago

โœจ Release notes

๐Ÿ”ง Bug Fixes

โ™ป Refactor

๐Ÿงช Labs

๐Ÿ“ Docs

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.1...1.5.2

MASA.Blazor - v1.5.1

Published by capdiem 5 months ago

โœจ Release notes

๐Ÿ”ง Bug Fixes

โ™ป Refactor

๐Ÿ“ Docs

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.0...1.5.1

MASA.Blazor - v1.5.0

Published by capdiem 6 months ago

Masa.Blazor.MauiDemo adds support for login and logout.

โฌ†๏ธ Upgrade guide

  • PageStack: The component was introduced in v1.4.0 to manage the page stack. In v1.5.0, we refactored it and introduced the PageStackNavController service to solve some potential problems and provide more complete functionality.
  • Icon: Remove the unnecessary IsActive parameter.
  • Border: Refactor using CSS approach.
    • The Rounded and WrapperStyle parameters are deleted.
    • The Color parameter only supports built-in primary, secondary, accent, surface, success, error, warning, info and standard CSS color values. 
      - <MBorder Color="pink"></Border>
+ <MBorder Color="#e91e63"></Border>

โœจ Release notes

๐Ÿš€ Features

  • Button: add IconName, LeftIconName and RightIconName to simplify the usage of icon buttons. #1863

    <!-- before -->
<MButton Icon>
    <MIcon>mdi-abc</MIcon>
</MButton>

<!-- now -->
<MButton IconName="mdi-abc" />

    <!-- before -->
<MButton>
    <MIcon Left>mdi-abc</MIcon>
    Button
</MButton>

<!-- now -->
<MButton LeftIconName="mdi-abc">Button</MButton>

    <!-- before -->
<MButton>
    Button
    <MIcon Right>mdi-abc</MIcon>
</MButton>

<!-- now -->
<MButton RightIconName="mdi-abc">Button</MButton>

  • Card: add sub-component parameter, includes Title, Subtitle and Text. #1880

    <!-- before -->
<MCard>
    <MCardTitle>Title</MCardTitle>
    <MCardSubtitle>Subtitle</MCardSubtitle>
    <MCardText>Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating.</MCardText>
</MCard>

<!-- now -->
<MCard Title="Title"
       Subtitle="Subtitle"
       Text="Small plates, salads & sandwiches - an intimate setting with 12 indoor seats plus patio seating." />

  • DataTable: add support for cell ellipsis and custom cell content in Headers. #1844

    <!-- A quick preview of the 'Custom cell content' feature -->
<!-- before -->
<MDataTable TItem="Dessert" Headers="_headers" Items="_desserts" Class="elevation-1">
    <ItemColContent>
        @if (context.Header.Value == nameof(Dessert.Calories))
        {
            <MChip Color="@GetColor(context.Item.Calories)" Dark>
                @context.Item.Calories
            </MChip>
        }
        else
        {
            @context.Value
        }
    </ItemColContent>
</MDataTable>

<!-- now -->
<MDataTable TItem="Dessert" Headers="_headers" Items="_desserts" Class="elevation-1" />
@code {
    private static RenderFragment CaloriesCell(Dessert dessert) => __builder =>
    {
        <MChip Color="@GetColor(dessert.CCalories)" Dark>
            @dessert.Calories
        </MChip>
    };

    private List<DataTableHeader<Dessert>> _headers = new List<DataTableHeader<Dessert>>
    {
        new()
        {
            Text = "Calories",
            Value = nameof(Dessert.Calories),
            CellRender = dessert => CaloriesCell(dessert) // ๐Ÿ‘ˆ
        },
        ...
    }
}

  • ListItem: add sub-component parameters, includes Title, Subtitle, PrependAvatar, PrependIcon, AppendAvatar and AppendIcon. #1865

    <!-- before -->
<MListItem>
    <MListItemAvatar>
        <MImage Src="http://..."></MImage>
    </MListItemAvatar>
    <MListItemContent>
        <MListItemTitle>Title</MListItemTitle>
        <MListItemSubtitle>Subtitle</MListItemSubtitle>
    </MListItemContent>
    <MListItemIcon>
        <MIcon>mdi-abc</MIcon>
    </MListItemIcon>
</MListItem>

<!-- now -->
<MListItem Title="Title"
           Subtitle="Subtitle"
           PrependAvatar="http://..."
           AppendIcon="mdi-abc">
</MListItem>

  • Tabs: add support for setting the height and re-rendering the slider when switching RTL. #1851 #1875

  • Cascader: add support for custom delimiter. #1883

  • OptInput: add support for automatic focus the first input. #1874

๐Ÿ› Bug fixes

  • AddMasaBlazor: forgot to set the lifetime for PopupProvider. #1877
  • CarouselItem: Href doesn't work. #1888
  • Menu: position error in dialog after using block scroll strategy. masastack/BlazorComponent#615
  • SystemBar: missing @attribtues. #1876
  • Xgplayer: invokeVoid error. #1878
  • Dialog: always display scroll bar when using block strategy. #1889

โ™ป๏ธ Refactors

  • Icon: remove the unnecessary IsActive parameter. #1873
  • Rating: merge code from BlazorComponent. #1833
  • Border: refactor using CSS approach. #1830

๐Ÿงช Labs

  • PageStack: redesign the component. #1879 #1862
    • PageStackNavController service for managing the navigation stack, provides Push, Pop, GoBack, Replace, Clear and GoToTab methods. 
      @inject PageStackNavController NavController

<MButton OnClick="@(() => NavController.Push("/stack-page"))">Go to stack page</MButton>
    • For the Push operation, you can add the built-in data-page-stack-strategy="push" attribute to the a tag or component to automatically push onto the stack when clicked. 
      <a href="/stack-page" data-page-stack-strategy="push">Stack page</a>
<MButton Href="/stack-page" data-page-stack-strategy>Stack page</MButton>
    • PStackPageBase base class for stack pages, provides OnPageActivated[Async] and OnPageDeactivated[Async] lifecycle methods. 
      @inherit PStackPageBase

@code {
    protected override void OnPageActivated(object? state)
    {
        // `state` comes from the parameter passed when the previous page calls GoBack
    }
}
MASA.Blazor - v1.5.0-beta.3

Published by capdiem 6 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.0-beta.2...1.5.0-beta.3

MASA.Blazor - v1.5.0-beta.2

Published by capdiem 6 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.5.0-beta.1...1.5.0-beta.2

MASA.Blazor - v1.5.0-beta.1

Published by capdiem 6 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.2...1.5.0-beta.1

MASA.Blazor - v1.4.2

Published by capdiem 6 months ago

๐Ÿ”ง Bug Fixes

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.1...1.4.2

MASA.Blazor - v1.4.1

Published by capdiem 6 months ago

๐Ÿš€ Features

๐Ÿ”ง Bug Fixes

โ™ป Refactor

๐Ÿ“ Docs

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.0...1.4.1

MASA.Blazor - v1.4.0

Published by capdiem 7 months ago

We provides a best practice example of how to integrate MAUI hybrid with MASA Blazor. You can find the repository at Masa.Blazor.MauiDemo.

๐Ÿš€ Features

๐Ÿ”ง Bug Fixes

๐Ÿงช Labs

โ™ป Refactor

๐Ÿ’ฅ Breaking changes

See https://docs.masastack.com/blazor/getting-started/upgrade-guide.

๐Ÿ“ Docs

Additionally, we would like to express our gratitude to @wildwind2000 for his contributions (https://github.com/masastack/BlazorComponent/pull/555 https://github.com/masastack/BlazorComponent/pull/559) to the Treeview component. Due to the extensive nature of the changes and the lack of sufficient time and resources for testing, these modifications were not merged.

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.3.4...1.4.0

MASA.Blazor - v1.4.0-beta.5

Published by capdiem 7 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.0-beta.4...1.4.0-beta.5

MASA.Blazor - v1.4.0-beta.4

Published by capdiem 7 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.0-beta.3...1.4.0-beta.4

MASA.Blazor - v1.4.0-beta.3

Published by capdiem 7 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.0-beta.2...1.4.0-beta.3

MASA.Blazor - v1.4.0-beta.2

Published by capdiem 8 months ago

What's Changed

New Contributors

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.4.0-beta.1...1.4.0-beta.2

MASA.Blazor - v1.4.0-beta.1

Published by capdiem 9 months ago

What's Changed

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.3.4...1.4.0-beta.1

MASA.Blazor - v1.3.4

Published by capdiem 9 months ago

๐Ÿ”ง Bug Fixes

  • Menu: Position error in RTL. #1732
  • BaiduMap: @bind-Center doesn't work very well. #1736
  • Selector: Failed to get selector. #1735
  • DataTable: Not render in SSR server. #1737

๐Ÿงช Labs

  • ScrollToTarget: New component that supports automatic scrolling to the specified element and highlighting of the active item. #1730

๐Ÿ“ Docs

  • Add notifications menu. #1731

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.3.3...1.3.4

MASA.Blazor - v1.3.3

Published by capdiem 9 months ago

๐Ÿ”ง Bug Fixes

  • Markdown: sometimes the content of Value cannot be rendered #1719
  • Dialog: may not be clickable in low network speed scenarios #1726
  • Image: should show placeholder when src set to null #1728
  • Slider: update the CSS #1727

๐Ÿงช Labs

  • Xgplayer: add start plugin #1724

โ™ป Refactor

  • Alert: merge code from BlazorComponent into MASA Blazor #1718
  • DataTable: merge code from BlazorComponent #1725

๐Ÿงฉ Others

  • ConfirmService: Improve the experience of using confirm service #1720
  • docs: the API of switch was missing #1723

Full Changelog: https://github.com/masastack/MASA.Blazor/compare/1.3.2...1.3.3

Badges
Extracted from project README
MASA.Blazor .NET Nuget Nuget Masa.Blazor
Related Projects
DotNet-Developer-Roadmap

The comprehensive .NET Developer Roadmap by seniority level.

29 Oct 2023 1,937
FairPlaySocial

Multi-platform social network system

17 Nov 2022 19
ant-design-blazor

๐ŸŒˆA set of enterprise-class UI components based on Ant Design and Blazor WebAssembly.

26 Nov 2019 5,539
SpawnDev.BlazorJS.WebWorkers

Easily call Services in separate threads with WebWorkers and SharedWebWorkers. Run Blazor WASM in...

22 Jul 2024 10
blazorized-adminlte-plugins

Plugins integration project for Blazorized AdminLte, contains external blazorized components such...

22 Jul 2020 24