summaryrefslogtreecommitdiff
path: root/docs/guide/components/button.md
diff options
context:
space:
mode:
authorDerick Montague <derick.montague@ibm.com>2020-11-16 21:10:32 +0300
committerDerick Montague <derick.montague@ibm.com>2020-11-16 21:10:32 +0300
commitab93192e39e100b642aed9754adac12f590fd581 (patch)
tree7e4c5396df1fc1e44d166c1fd3aaaa987780ff08 /docs/guide/components/button.md
parente6e924527fb58de46ef70fb016d120f2eefbb01b (diff)
downloadwebui-vue-ab93192e39e100b642aed9754adac12f590fd581.tar.xz
Fix docs button alignment and image path
- Create directory in order to use relative path for images and better organize content Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ia5085c1b72c162016ed4da037a15f5f53c744742
Diffstat (limited to 'docs/guide/components/button.md')
-rw-r--r--docs/guide/components/button.md35
1 files changed, 0 insertions, 35 deletions
diff --git a/docs/guide/components/button.md b/docs/guide/components/button.md
deleted file mode 100644
index 3e61b797..00000000
--- a/docs/guide/components/button.md
+++ /dev/null
@@ -1,35 +0,0 @@
-# Buttons
-
-Buttons are used to perform an action. The main buttons in the application are the `primary` and `secondary` buttons. Buttons, like all Boostrap-vue components can be themed by setting the `variant` prop on the component to one of the [theme-color map keys](/guide/guidelines/colors). To create a button that looks like a link, set the variant value to `link`.
-
-[Learn more about Bootstrap-vue buttons](https://bootstrap-vue.js.org/docs/components/button)
-
-### Enabled buttons
-
-![Button examples](/button.png)
-
-### Disabled buttons
-
-![Disabled button examples](/button-disabled.png)
-
-
-```vue
-// Enabled Buttons
-<b-button variant="primary">Primary</b-button>
-<b-button variant="primary">
- <icon-add />
- <span>Primary with icon</span>
-</b-button>
-<b-button variant="link">
- <icon-trashcan />
- <span class="sr-only">Delete</span>
-</b-button>
-
-<b-button variant="secondary">Secondary</b-button>
-<b-button variant="danger">Danger</b-button>
-<b-button variant="link">Link Button</b-button>
-<b-button variant="link">
- <icon-add />
- <span>Link Button</span>
-</b-button>
-``` \ No newline at end of file