diff options
author | Derick Montague <derick.montague@ibm.com> | 2020-10-09 20:11:39 +0300 |
---|---|---|
committer | Derick Montague <derick.montague@ibm.com> | 2020-10-26 16:48:55 +0300 |
commit | f364d0ee882be6ac0d4929f4592a716ff1d2efda (patch) | |
tree | 233c003e193c89dd18cf87feadf8024a546adf17 /docs/.vuepress | |
parent | 0b980dbfe69e1b3f59d5b26e83d16ecbdab95ecb (diff) | |
download | webui-vue-f364d0ee882be6ac0d4929f4592a716ff1d2efda.tar.xz |
Add icon only button to documentation
Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Ia00d714b0d33b849a6e9dde8d25e9e9c78d36002
Diffstat (limited to 'docs/.vuepress')
-rw-r--r-- | docs/.vuepress/components/BmcButtons.vue | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/docs/.vuepress/components/BmcButtons.vue b/docs/.vuepress/components/BmcButtons.vue index 2035e4db..795c837a 100644 --- a/docs/.vuepress/components/BmcButtons.vue +++ b/docs/.vuepress/components/BmcButtons.vue @@ -13,6 +13,10 @@ <icon-add /> <span>Link Button</span> </b-button> + <b-button variant="link"> + <icon-trashcan /> + <span class="sr-only">Delete</span> + </b-button> <h3 class="h4">Disabled</h3> <b-button disabled variant="primary">Primary</b-button> @@ -27,21 +31,25 @@ <icon-add /> <span>Link Button</span> </b-button> + <b-button disabled variant="link"> + <icon-trashcan /> + <span class="sr-only">Delete</span> + </b-button> </div> </template> <script> import IconAdd from '@carbon/icons-vue/es/add--alt/20'; +import IconTrashcan from '@carbon/icons-vue/es/trash-can/20'; import IconArrowRight from '@carbon/icons-vue/es/arrow--right/16'; export default { name: 'BmcButtons', - components: { IconAdd, IconArrowRight } + components: { IconAdd, IconArrowRight, IconTrashcan } } </script> <style scoped> button { margin-bottom: 1rem; - margin-right: .5rem; } h3 { |