-
|
When would you use one over the other? And why? |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 5 replies
-
|
Beta Was this translation helpful? Give feedback.
-
|
If that's how it's supposed to work, shouldn't there be a Thinking about this more, I also like to request a couple more features & improvements:
<FluentMainLayout NavMenuTitle="Main menu">
<Body>
<FluentBodyContent>@Body</FluentBodyContent>
<AppFooter /> @* Workaround until, e.g., <Footer> exists. *@
</Body>
<Header>
<AppHeader @bind-IsNavMenuOpen="IsNavMenuOpen" />
</Header>
<NavMenuContent>
<AppNavMenu @bind-IsNavMenuOpen="IsNavMenuOpen" />
</NavMenuContent>
</FluentMainLayout>and instead allow for either this: <FluentMainLayout Body="@Body" Footer="AppFooter" Header="AppHeader" NavMenuContent="AppNavMenu"
NavMenuHeader="AppNavMenuHeader" @bind-IsNavMenuOpen="IsNavMenuOpen" />or at least this: <FluentMainLayout @bind-IsNavMenuOpen="IsNavMenuOpen">
@Body @* Should leverage auto-assignment via FluentMainLayout.ChildContent instead. *@
<Header>
<AppHeader />
</Header>
<NavMenu>
<Header> @* Optional *@
<AppNavMenuHeader />
</Header>
<AppNavMenu /> @* Leverages auto-assignment via NavMenu.ChildContent, too. *@
</NavMenu>
<Footer>
<AppFooter />
</Footer>
</FluentMainLayout>Note 1:
Again, as stated earlier, the concept of What do you guys think? 😎 |
Beta Was this translation helpful? Give feedback.
-
|
Sounds good. Looking forward to your PR's! |
Beta Was this translation helpful? Give feedback.
-
|
@vnbaaij Would you want me to go for 1st ("attribute syntax"), rather the 2nd ("child-node simplification") or should I do both? 🤔 |
Beta Was this translation helpful? Give feedback.
-
|
I have a preference for the second one ("child-node simplification"), so maybe start there? |
Beta Was this translation helpful? Give feedback.
-
|
Sure, your wish is my command! 😉😅 |
Beta Was this translation helpful? Give feedback.
FluentLayoutjust hasChildContentthis means you are totally free on what you want to render inside of it. For example, yYou define if you want a header and what it will look likeFluentMainLayoutgives you parameters for header, sub-header, etc. If you provide content for those renderfragments they will be shown at set 'positions' in the layout. So it is more pre-defined on what it will look like. TheHeaderwill be rendered with theFluentHeader, etc