- 1.5.0

Page Footer

Attribute Type Documentation Default Value
id :any

HTML id attribute
class :any

additional CSS classes
label :string

Accessible label for the footer (aria-label)
rest :global

additional HTML attributes for the footer element
section :slot

Page footer section
Show slot attributes Hide slot attributes
class :any

section container CSS classes
title :string

section heading text
title_class :any

section heading CSS classes
body_class :any

section body CSS classes

 
<:section title="Product" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">Features</a>
  <a href="#" class="hover:underline text-sm">Pricing</a>
  <a href="#" class="hover:underline text-sm">Integrations</a>
  <a href="#" class="hover:underline text-sm">Enterprise</a>
</:section>
<:section title="Developers" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">Documentation</a>
  <a href="#" class="hover:underline text-sm">API Reference</a>
  <a href="#" class="hover:underline text-sm">SDKs</a>
</:section>
<:section title="Company" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">About</a>
  <a href="#" class="hover:underline text-sm">Blog</a>
  <a href="#" class="hover:underline text-sm">Careers</a>
</:section>
<:copyright title="Duskmoon UI" title_class="text-lg font-bold">
  <p class="text-xs opacity-60">2026 All rights reserved. MIT License.</p>
</:copyright>
copyright :slot

Page footer right side copyright.
Show slot attributes Hide slot attributes 
<:section title="Product" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">Features</a>
  <a href="#" class="hover:underline text-sm">Pricing</a>
  <a href="#" class="hover:underline text-sm">Integrations</a>
  <a href="#" class="hover:underline text-sm">Enterprise</a>
</:section>
<:section title="Developers" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">Documentation</a>
  <a href="#" class="hover:underline text-sm">API Reference</a>
  <a href="#" class="hover:underline text-sm">SDKs</a>
</:section>
<:section title="Company" body_class="gap-1">
  <a href="#" class="hover:underline text-sm">About</a>
  <a href="#" class="hover:underline text-sm">Blog</a>
  <a href="#" class="hover:underline text-sm">Careers</a>
</:section>
<:copyright title="Duskmoon UI" title_class="text-lg font-bold">
  <p class="text-xs opacity-60">2026 All rights reserved. MIT License.</p>
</:copyright>
inner_block :slot

Optional content rendered before the section grid.