Footer is a flexible container for site or section footers. It supports horizontal or vertical orientation, centering, and can be easily customized with Tailwind utility classes.
FooterTitle provides a styled heading for use within the Footer component.
This is a simple Footer with three columns, using FooterTitle for section headings.
The Footer components include the following:
The Footer component provides a flexible container for footer content. It supports horizontal or vertical orientation, and can be centered. All props map to Tailwind-compatible classes for easy customization.
| Footer Props | Type | Description |
|---|---|---|
center | boolean | Centers the footer content ( |
is | string | Sets the rendered element type (default: |
orientation | string | Sets the footer orientation. Options: - |
| horizontal | boolean | Sets orientation to |
| vertical | boolean | Sets orientation to |
| Footer Slots | Description |
|---|---|
default | Slot for footer content. |
The FooterTitle component renders a styled title for use inside a Footer. It accepts an is prop to customize the rendered element.
| FooterTitle Props | Type | Description |
|---|---|---|
is | string | Sets the rendered element type (default: |
| FooterTitle Slots | Description |
|---|---|
default | Slot for title content. |
A simple Footer with three columns, using FooterTitle for section headings.
A Footer with a company logo and four columns, including company info, services, company links, and legal links.
A Footer with a newsletter subscription form and multiple columns.