Layout

The FluentLayout component is a container for other components. It is used to create a layout for a page.

The FluentLayout component has a ChildContent parameter that can be used to add other components to the layout.

Example

Layout

Example
Header NavMenu BodyContent Footer
Some Header Text
Aligned to the end
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lorem lacus. Ut id leo non enim feugiat ultrices. Proin vulputate volutpat urna nec iaculis. Integer dui lacus, fermentum sit amet aliquet in, scelerisque vitae dui. Nulla fringilla sagittis orci eu consectetur. Fusce eget dolor non lectus placerat tincidunt. Pellentesque aliquam non odio ac porttitor. Nam finibus mattis sagittis. Ut hendrerit porttitor massa in aliquam. Duis laoreet fringilla feugiat. Sed maximus, urna in fringilla posuere, enim urna bibendum justo, vel molestie nibh orci nec lectus. Etiam a varius justo. Aenean nisl ante, interdum eget vulputate eget, iaculis ut massa. Suspendisse maximus sed purus id molestie. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Footer Text
Download: 

Documentation

FluentLayout Class

Parameters

Name
Type
Default
Description
ChildContentRenderFragment?
Gets or sets the content to be rendered inside the component.
OrientationOrientation
Vertical
Gets or sets the orientation of the stacked components.
Horizontal
Vertical
An error has occurred. This application may no longer respond until reloaded. Reload 🗙