# SiteFooter

The standard Reuters.com site footer (quick, company and legal links), fetching live footer data in production.

**Category:** Components/Page furniture/SiteFooter

**Import:** `import { SiteFooter } from '@reuters-graphics/graphics-components'`

## Props

| Prop | Type | Default | Required | Description |
|------|------|---------|:--------:|-------------|
| `includeReferrals` | `boolean` | `true` |  | Set to `false` to remove graphics referrals |

## Examples

### Demo

```svelte
<SiteFooter />
```

### Customised theme

```svelte
<div>
  <Theme base="dark">
    <SiteFooter />
  </Theme>
</div>
```

### Remove referrals

```svelte
<SiteFooter includeReferrals={false} />
```

## Documentation

# SiteFooter

Reuters dotcom site footer with graphics referrals, ported from [Raptor UI components](https://github.com/tr/rcom-arc_raptor-ui/tree/develop/packages/rcom-raptor-ui_common/src/components/site-footer).

> **Note:** In the graphics kit, you can find this component in `pages/+page.svelte`. Customise it there for the default page.

```svelte
<script>
  import { SiteFooter } from '@reuters-graphics/graphics-components';
</script>

<SiteFooter />
```

## Dark theme

Colours are customised by the [`Theme`](?path=/docs/theming-theme--default) component. ([Demo](?path=/story/components-page-furniture-sitefooter--customised-theme))

```svelte
<script>
  import { SiteFooter, Theme } from '@reuters-graphics/graphics-components';
</script>

<Theme base="dark">
  <SiteFooter />
</Theme>
```

## Removing referrals

Remove graphics referrals. ([Demo](?path=/story/components-page-furniture-sitefooter--remove-referrals))

```svelte
<script>
  import { SiteFooter } from '@reuters-graphics/graphics-components';
</script>

<SiteFooter includeReferrals={false} />
```