Section

Here is an example that demonstrates the use of a Section component.

Example
Column 1
Column 2
Column 3
Column 4

Section (Extended Properties)

This demonstrates the most common properties that are availabe to set on the Section.

Example
Section Border Visible? Section Column Border Visible?
Column 1
Column 2
Column 3
Column 4

Section Class

Parameters

Name
Type
Default
Description
BorderVisiblebool
False
Should a border be displayed?
ChildContentRenderFragment?
Content of the section.
ChildContentStylestring?
Style to apply to the container of the child content.
ColumnMinWidthstring?
340px
Minimum width that the column should occupy.
FooterRenderFragment?
Footer to display for the section.
FooterStylestring?
Style to apply to the footer.
HeaderRenderFragment?
Header content to display for the section.
HeaderStylestring?
Style to apply to the header.
Labelstring?
Label to display as a header. Not shown when ais supplied.
NumColumnsint?
Optionally specify the number of columns desired for the section.
The default is calculated by the actual number of 's in the child content of the component.

SectionColumn Class

Parameters

Name
Type
Default
Description
BorderVisiblebool
True
Is the border visible.
ChildContentRenderFragment?
Child content for the section column
ColumnContentOrientationOrientation
Vertical
Orientation of the columns.
FooterRenderFragment?
Footer to display for the section.
HeaderRenderFragment?
Header content to display for the section.
HorizontalGapint?
10
Horizontal gap in pixels.
Labelstring?
Label to display as a header. Not shown when ais supplied.
VerticalGapint?
10
Vertical gap in pixels.