Skip to content

fix: TabSize style builder only uses Small #3325

@wxwyz

Description

@wxwyz

🐛 Bug Report

The FluentTabs TabSize property does not appear to work.

🤔 Expected Behavior

Size should change depending on supplied TabSize value.

😯 Current Behavior

Tab size always defaults to small (i.e. 6px)

💁 Possible Solution

/src/Core/Components/Tabs/FluentTabs.razor.cs

protected string? StyleValue => new StyleBuilder(Style)
        .AddStyle("padding", "6px", () => Size == TabSize.Small)
        .AddStyle("padding", "12px 10px", () => Size == TabSize.Medium)
        .AddStyle("padding", "16px 10px", () => Size == TabSize.Large)
        .AddStyle("width", Width, () => !string.IsNullOrEmpty(Width))
        .AddStyle("height", Height, () => !string.IsNullOrEmpty(Height))
        .Build();

🌍 Your Environment

  • .NET 9 and Fluent UI Blazor library Version 4.11.3

Metadata

Metadata

Assignees

No one assigned

    Labels

    triageNew issue. Needs to be looked at

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions