From 71650fff20c0ad29eb05d770736386863324b64e Mon Sep 17 00:00:00 2001
From: Derick Montague <derick.montague@ibm.com>
Date: Tue, 3 Mar 2020 06:11:48 -0600
Subject: Add alert message component and documentation

- Add custom alert component to simplify the use of custom alerts
- Add documentation for using the custom alert
- Update the login error alert to use the alert component instead of
the Bootstrap-vue component.
- Add the enhanceApp and bmcAppPlugin to extend vuepress to use both
the BMC custom and Boostrap-Vue components along with the custom styles

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I5c0b696ca47ddba0df18041d6c5ee7509bf23572
---
 docs/guide/components/alert.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 docs/guide/components/alert.md

(limited to 'docs/guide')

diff --git a/docs/guide/components/alert.md b/docs/guide/components/alert.md
new file mode 100644
index 000000000..768aa8734
--- /dev/null
+++ b/docs/guide/components/alert.md
@@ -0,0 +1,12 @@
+# Alerts
+An alert is an inline message that contains a short description that a user cannot manually dismiss. With exception to the error message on the login page, alerts are not triggered by user action. Success and error notifications based on user actions are created using a toast component.
+
+[Learn more about Bootstrap-vue alert options](https://bootstrap-vue.js.org/docs/components/alert)
+
+<BmcAlerts />
+
+```vue
+<alert show variant="warning">This is a warning message</alert>
+<alert show variant="danger">This is an error message</alert>
+<alert show variant="info">This is an info message</alert>
+```
\ No newline at end of file
-- 
cgit v1.2.3