fluentui-blazor icon indicating copy to clipboard operation
fluentui-blazor copied to clipboard

feat: Add TopBar Component

Open AathifMahir opened this issue 1 year ago • 4 comments

🙋 Feature Request

The Top Bar Component that Replaces the Top Black Bar on Fluent Blazor Demo Site aka AppBar Component that we can find on Mobile Apps.

💁 Possible Solution

Implementing a Root TopBar Component aka MainTopBar that Cascades the Values from Childrens TopBar Component,

For example, The Main layout Does Contains MainTopBar That Default has Prefix Content and Suffix Contents and flags to Show Hamburger and Back buttons, On the Page Level We can Add Normal Top Bar, Which Cascades Values to MainTopBar, In this case we have only one Global TopBar Which is MainTopBar, NormalTopBar Used to Set the Values for MainTopBar

🔦 Context

This feature would be super useful on Maui Blazor Hybrid Projects and Also on Web Projects as well. Mainly this would be super useful on Mobile Views, Where We have Back Button Enabled for Specific Views and Showing Hamburger Buttons and Additionally We can Provide Users With Suffix and Prefix Content as RenderFragment

💻 Examples

Screenshot_20240724_062632_Chrome.jpg

AathifMahir avatar Jul 24 '24 01:07 AathifMahir