Files
flowbite-vue/docs/components/footer/examples/StickyFooterExample.vue
Ilya Artamonov 920157170b feat: Added footer component (#190)
* feat: Added footer component (#126)

* add/prepare component files

* make footer component basic

* improve FooterCopyright component

* add FooterLink component

* add/add FooterBrand Component

* add vertival align to FooterListGroup

* add/add footer icon component

* add/add FooterSitemapExample

* add/FooterSitemapLinks remained part

* add/add example

---------

Co-authored-by: Ilya Artamonov <hire@ilya-artamonov.ru>

* feat: Reworked footer component

* docs: Updated components section in README.md

---------

Co-authored-by: hirakei1203 <56023847+hirakei1203@users.noreply.github.com>
2023-09-13 13:31:11 +03:00

19 lines
731 B
Vue

<template>
<div class="vp-raw relative">
<div style="height: 300px" class="overflow-scroll pb-16 pt-4 px-4 bg-white dark:bg-gray-900">Some content</div>
<Footer sticky class="rounded-none">
<FooterCopyright by="Flowbiteâ„¢" href="https://flowbite.com/" copyright-message="All Rights Reserved." />
<FooterLinkGroup>
<FooterLink href="#"> About </FooterLink>
<FooterLink href="#"> Privacy Policy </FooterLink>
<FooterLink href="#"> Licensing </FooterLink>
<FooterLink href="#"> Contact </FooterLink>
</FooterLinkGroup>
</Footer>
</div>
</template>
<script setup>
import { Footer, FooterCopyright, FooterLinkGroup, FooterLink } from '../../../../src/index'
</script>