## Documentation index

This index lists every available documentation page and its Markdown source.

- [Documentation](https://vara.varavel.com/docs/index.md)
  - [Introduction](https://vara.varavel.com/docs/introduction/index.md)
  - [Getting Started](https://vara.varavel.com/docs/getting-started/index.md)
    - [Installation](https://vara.varavel.com/docs/getting-started/installation/index.md)
    - [Quick Start](https://vara.varavel.com/docs/getting-started/quick-start/index.md)
    - [Composing a Landing Page](https://vara.varavel.com/docs/getting-started/composing-landing-page/index.md)
  - [Fundamentals](https://vara.varavel.com/docs/fundamentals/index.md)
    - [Project Structure](https://vara.varavel.com/docs/fundamentals/project-structure/index.md)
    - [Page Generators](https://vara.varavel.com/docs/fundamentals/page-generators/index.md)
    - [Site Settings](https://vara.varavel.com/docs/fundamentals/site-settings/index.md)
    - [Search and LLM Output](https://vara.varavel.com/docs/fundamentals/search-and-llms/index.md)
    - [Customization](https://vara.varavel.com/docs/fundamentals/customization/index.md)
    - [Functions and Filters](https://vara.varavel.com/docs/fundamentals/functions-and-filters/index.md)
  - [Templates](https://vara.varavel.com/docs/templates/index.md)
    - [vara-landing](https://vara.varavel.com/docs/templates/landing/index.md)
    - [vara-docs](https://vara.varavel.com/docs/templates/docs/index.md)
    - [vara-docs-raw](https://vara.varavel.com/docs/templates/docs-raw/index.md)
    - [vara-docs-search-index](https://vara.varavel.com/docs/templates/docs-search-index/index.md)
    - [vara-docs-llms-txt](https://vara.varavel.com/docs/templates/docs-llms-txt/index.md)
    - [vara-docs-llms-full-txt](https://vara.varavel.com/docs/templates/docs-llms-full-txt/index.md)
    - [vara-sitemap-xml](https://vara.varavel.com/docs/templates/sitemap-xml/index.md)
    - [vara-404](https://vara.varavel.com/docs/templates/404/index.md)
  - [Components](https://vara.varavel.com/docs/components/index.md)
    - [Alert](https://vara.varavel.com/docs/components/alert/index.md)
    - [Badge](https://vara.varavel.com/docs/components/badge/index.md)
    - [Button](https://vara.varavel.com/docs/components/button/index.md)
    - [Container](https://vara.varavel.com/docs/components/container/index.md)
    - [Icon](https://vara.varavel.com/docs/components/icon/index.md)
    - [Keyboard Key](https://vara.varavel.com/docs/components/kbd/index.md)
    - [Header](https://vara.varavel.com/docs/components/header/index.md)
    - [Hero](https://vara.varavel.com/docs/components/hero/index.md)
    - [Content Split](https://vara.varavel.com/docs/components/content-split/index.md)
    - [Features](https://vara.varavel.com/docs/components/features/index.md)
    - [Stats](https://vara.varavel.com/docs/components/stats/index.md)
    - [FAQ](https://vara.varavel.com/docs/components/faq/index.md)
    - [Testimonial](https://vara.varavel.com/docs/components/testimonial/index.md)
    - [Carousel](https://vara.varavel.com/docs/components/carousel/index.md)
    - [Call to Action](https://vara.varavel.com/docs/components/cta/index.md)
    - [Footer](https://vara.varavel.com/docs/components/footer/index.md)
  - [Troubleshooting](https://vara.varavel.com/docs/troubleshooting/index.md)


## Documentation content

The documentation for the current page follows, reproduced verbatim.


# Footer

`<vara-footer>` supplies a restrained ending for landing pages. It shows your copyright and links, with an optional repository link and a small credit line.

## Usage

```html
<vara-footer
  copyright="Acme Inc. &copy; %year%"
  links="About|/about,Privacy|/privacy,Contact|/contact"
  github_href="https://github.com/example/project"
  github_label="Project on GitHub"
/>
```

## Preview

<vara-footer
copyright="Acme Inc. &copy; %year%"
links="Docs|/docs,About|/about,Privacy|/privacy"
github_href="https://github.com/example/project"
github_label="Project on GitHub"
show_credit="false"
/>

## Props

| Prop           | Type   | Default    | Description                                                              |
| -------------- | ------ | ---------- | ------------------------------------------------------------------------ |
| `copyright`    | string | `""`       | Optional copyright text. `%year%` (or `% year %`) uses the current year. |
| `links`        | string | `""`       | Comma-separated `Label\|href` records.                                   |
| `github_href`  | string | `""`       | Optional repository destination.                                         |
| `github_label` | string | `"GitHub"` | Accessible repository-link label.                                        |
| `show_credit`  | string | `"true"`   | Show the veta and veta-theme-vara credits.                               |
| `container`    | string | `"lg"`     | One of: xs, sm, md, lg, xl, full.                                        |
| `class`        | string | `""`       | Additional footer classes.                                               |

## The copyright year

The `%year%` placeholder is replaced with the current year at build time. It tolerates whitespace (`% year %`) and any casing.

Internal links are deployment-aware. The GitHub link opens in a new tab with the appropriate `rel` protection.

## Hiding the credit line

The credit line links to the veta and veta-theme-vara repositories. Set `show_credit="false"` when you prefer a fully silent footer:

```html
<vara-footer
  copyright="&copy; %year% Acme Inc."
  show_credit="false"
/>
```