1# Page title
2The `<page-title>` component will automatically render the page title that corresponds with the title property set in the route record's meta field in `src/router/routes.js`.
3
4```js
5// src/router/routes.js
6  {
7    path: '',
8    name: 'login',
9    component: Login,
10    meta: {
11      title: i18n.t('appPageTitle.login'),
12    },
13  },
14```
15
16Optional page descriptions can be included by using the description prop `:description` prop and passing in the i18n localized text string. Translations are found in the `src/locales` folder.
17
18``` vue
19// Example: `src/views/AccessControl/Ldap/Ldap.vue`
20  <page-title :description="$t('pageLdap.pageDescription')" />
21```
22
23[View the page title component source code](https://github.com/openbmc/webui-vue/blob/master/src/components/Global/PageTitle.vue).
24