summaryrefslogtreecommitdiff
path: root/docs/guide/components/page-section/index.md
diff options
context:
space:
mode:
Diffstat (limited to 'docs/guide/components/page-section/index.md')
-rw-r--r--docs/guide/components/page-section/index.md10
1 files changed, 10 insertions, 0 deletions
diff --git a/docs/guide/components/page-section/index.md b/docs/guide/components/page-section/index.md
new file mode 100644
index 00000000..ccf654e1
--- /dev/null
+++ b/docs/guide/components/page-section/index.md
@@ -0,0 +1,10 @@
+# Page section
+
+The `<page-section>` component will render semantic HTML. By adding a `:section-title` prop to the `<page-section>` component, the localized text string will be rendered in an `h2` header element.
+
+``` vue
+// Example: `src/views/AccessControl/Ldap/Ldap.vue`
+ <page-section :section-title="$t('pageLdap.settings')">
+```
+
+[View the page section component source code](https://github.com/openbmc/webui-vue/blob/master/src/components/Global/PageSection.vue). \ No newline at end of file