Footer: Blazor footer component

Examples

Each nav becomes a column; Horizontal keeps them side by side at every width.

website/Examples/Layout/FooterColumnsExample.razor Source

Center stacks and centres everything, here on a Primary background.

website/Examples/Layout/FooterCenterExample.razor Source

Horizontal="false" forces a single column; Padding overrides the default p-10.

website/Examples/Layout/FooterVerticalExample.razor Source

DaisyBlazor

Center bool
= false
Adds .footer-center to centre-align all items. Sections stack unless Horizontal is true.
Color Color
= Color.Default
daisyUI / Tailwind semantic colour for the footer background (e.g. Color.Dark); also sets the matching content text colour.
Horizontal bool?
= null
When true adds .footer-horizontal; when false adds .footer-vertical; when null (default) neither modifier is applied and daisyUI uses its default responsive direction.
Padding string
= "p-10"
Padding utility class applied to the footer. Defaults to "p-10".
Class string
= null
Extra CSS classes merged onto the <footer> element.
Style string
= null
Inline CSS style applied to the <footer> element.

Name	Type	Default	Description
Center	bool	false	Adds .footer-center to centre-align all items. Sections stack unless Horizontal is true.
Color	Color	Color.Default	daisyUI / Tailwind semantic colour for the footer background (e.g. Color.Dark); also sets the matching content text colour.
Horizontal	bool?	null	When true adds .footer-horizontal; when false adds .footer-vertical; when null (default) neither modifier is applied and daisyUI uses its default responsive direction.
Padding	string	"p-10"	Padding utility class applied to the footer. Defaults to "p-10".
Class	string	null	Extra CSS classes merged onto the <footer> element.
Style	string	null	Inline CSS style applied to the <footer> element.

ChildContent RenderFragment
Content of the footer, typically one or more <nav> sections.

Name	Type	Description
ChildContent	RenderFragment	Content of the footer, typically one or more <nav> sections.

DaisyBlazor

Class string
= null
Extra CSS classes merged onto the root footer-title <h6> element.
Style string
= null
Inline CSS styles applied to the root footer-title <h6> element.

Name	Type	Default	Description
Class	string	null	Extra CSS classes merged onto the root footer-title <h6> element.
Style	string	null	Inline CSS styles applied to the root footer-title <h6> element.

Name	Type	Description
ChildContent	RenderFragment	Text or markup content of the footer section title.