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