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>
This commit is contained in:
Ilya Artamonov
2023-09-13 13:31:11 +03:00
committed by GitHub
parent 9dd6b15371
commit 920157170b
18 changed files with 1076 additions and 378 deletions

View File

@@ -0,0 +1,18 @@
<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>