Footer

Page footer with copyright text and a row of links. Size prop: xs, sm, md, lg, xl.

Jump to API reference

Import

Vue
import { UiFooter } from '@ziyarago/ui/vue'

Sizes

Vue
<UiFooter
  size="xs"
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }]"
 />

<UiFooter
  size="sm"
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }]"
 />

<UiFooter
  size="md"
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }]"
 />

<UiFooter
  size="lg"
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }]"
 />

<UiFooter
  size="xl"
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }]"
 />

Default

Vue
<UiFooter
  copyright="© 2026 ZiyaraGo"
  :links="[{ label: 'Terms', href: '#' }, { label: 'Privacy', href: '#' }, { label: 'Support', href: '#' }]"
 />

API reference

Page footer with a copyright line and a row of links.

Props

PropType and valuesDefaultDescription
copyrightstring'© 2026 ZiyaraGo'Copyright text.
links{ label: string; href?: string }[]'[]'Footer links; href defaults to "#".
sizexssmmdlgxl'md'Padding and font size.

Slots

Vue: named slots. React: a prop with the same name; default is children.

defaultExtra content after the links.