# Component overrides > Replace any part of the layout with your own Astro component. Source: https://aymericchaverot.github.io/zenith-docs/customization/overrides/ When tokens are not enough, replace a layout component with your own through the `components` option. ```js title="astro.config.mjs" zenith({ title: 'My Docs', components: { PageFooter: './src/components/PageFooter.astro', }, }); ``` ## Page data Overrides read the current page from `Astro.locals.zenith`: title, table of contents, sidebar tree, previous and next pages, and the resolved configuration. ```astro title="src/components/PageFooter.astro" --- const { title } = Astro.locals.zenith; ---

Found a typo in “{title}”? Let us know!

``` Importing the default component lets you add to it rather than rewrite it. ## Available components | Component | Renders | | ----------------- | ----------------------------------------------- | | `Head` | Tags in ``: title, meta, theme script | | `Header` | The top bar | | `Search` | The search field and its dialog | | `LocaleSwitcher` | The language menu, when there are several | | `VersionSwitcher` | The version menu, when there are several | | `ThemeToggle` | The dark mode switch | | `Sidebar` | Sidebar tabs and the navigation tree | | `TableOfContents` | The "On this page" list | | `Breadcrumb` | The trail of parent folders | | `PageTitle` | The page title and description | | `PageFooter` | The edit link and last updated date | | `Pagination` | Links to the previous and next pages |