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