# PanelFooter


## Anatomy

```tsx
import { PanelFooter, pushRecent } from "chroma-panel";
```

The footer shows the current colour once, alongside the recent-colour history.
The history row fades on whichever side has more swatches.

## Adding to the history yourself

<Signature name="pushRecent" />

Turn the row off entirely with `showRecentColors={false}` on the panel, or
control it with `recentColors` and `onRecentColorsChange` — see
[controlled and uncontrolled](/react/handbook/controlled).