# Footer Minimal
> One line with the brand, a few links and the legal note. For landing pages and small sites.
- **Slug:** `footer-minimal`
- **Kind:** section · **Category:** Site chrome
- **Source:** original to Viewership UI
- **Docs page:** https://viewership.ai/ui/components/footer-minimal
- **All files in one bundle:** https://viewership.ai/ui/components/footer-minimal.bundle.txt
- **Structured JSON:** https://viewership.ai/ui/components/footer-minimal.json
## Install
1. Import the foundation tokens once (download: https://viewership.ai/ui/raw/foundation.css.txt):
```astro
---
// src/layouts/Layout.astro
import "../styles/foundation.css";
---
```
2. Copy this file into `src/components/viewership/footer-minimal/`:
- `FooterMinimal.astro` (raw: https://viewership.ai/ui/raw/footer-minimal/FooterMinimal.astro.txt)
npm packages: none.
## Usage
```astro
---
import FooterMinimal from "../components/viewership/footer-minimal/FooterMinimal.astro";
---
```
## Example
The gallery demo, verbatim. Use the import path from Usage instead of `./`.
```astro
---
import FooterMinimal from "./FooterMinimal.astro";
---
```
## Props
| Prop | Type | Default | Description |
| --- | --- | --- | --- |
| `brand` | `string` | | Brand name, set as text unless the logo slot is used. |
| `links` | `{ label: string; href: string }[]` | | A handful of links. |
| `legal` | `string` | | Copyright or legal line. |
| `slot: logo` | `slot` | | Replaces the text brand. |
## Source
### `src/components/viewership/footer-minimal/FooterMinimal.astro`
```astro
---
/**
* FooterMinimal: one line with the brand, a few links and the legal note.
* For landing pages and small sites.
*
* @example
*
*/
interface FooterLink {
label: string;
href: string;
}
interface Props {
brand: string;
links: FooterLink[];
legal?: string;
class?: string;
}
const { brand, links, legal, class: className } = Astro.props;
---
```