28 · UI elements
Footer
Shows copyright or version text on the left and links on the right at the very bottom of the page. It goes at the end of the layout's content area.
01
Basic usage
The default slot is shown on the left; use it for the copyright, version or organization name.
LIVE EXAMPLE
<acun:footer>© 2026 Acun Yazılım · Version 2.4</acun:footer>
02
Links
Links in the links slot are laid out side by side on the right and take the brand color on hover. When there is not enough room, the links wrap to the next line.
LIVE EXAMPLE
<acun:footer>
© 2026 Acun Yazılım
<acun:slot:links>
<a href="#">Support</a>
<a href="#">User guide</a>
<a href="#">Privacy</a>
</acun:slot:links>
</acun:footer>| Prop | Values |
|---|---|
links | Slot; links on the right |
03
Customizing the look
A given class is added to the <footer> element; for example, you can put a line above it.
LIVE EXAMPLE
<acun:footer class="border-t border-gray-200 dark:border-zinc-800">
© 2026 Acun Yazılım
<acun:slot:links>
<a href="#">Support</a>
<a href="#">Privacy</a>
</acun:slot:links>
</acun:footer>| Prop | Values |
|---|---|
class | Added to the <footer> element |
API
Props and slots
The values the component accepts.
Slots: default content (text on the left), links (links on the right)