diff options
author | GitLab Bot <gitlab-bot@gitlab.com> | 2021-06-16 21:25:58 +0300 |
---|---|---|
committer | GitLab Bot <gitlab-bot@gitlab.com> | 2021-06-16 21:25:58 +0300 |
commit | a5f4bba440d7f9ea47046a0a561d49adf0a1e6d4 (patch) | |
tree | fb69158581673816a8cd895f9d352dcb3c678b1e /app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue | |
parent | d16b2e8639e99961de6ddc93909f3bb5c1445ba1 (diff) |
Add latest changes from gitlab-org/gitlab@14-0-stable-eev14.0.0-rc42
Diffstat (limited to 'app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue')
-rw-r--r-- | app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue b/app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue new file mode 100644 index 00000000000..85a67c087bb --- /dev/null +++ b/app/assets/javascripts/static_site_editor/rich_content_editor/toolbar_item.vue @@ -0,0 +1,31 @@ +<script> +import { GlIcon, GlTooltipDirective } from '@gitlab/ui'; + +export default { + components: { + GlIcon, + }, + directives: { + GlTooltip: GlTooltipDirective, + }, + props: { + icon: { + type: String, + required: true, + }, + tooltip: { + type: String, + required: true, + }, + }, +}; +</script> +<template> + <button + v-gl-tooltip="{ title: tooltip }" + :aria-label="tooltip" + class="p-0 gl-display-flex toolbar-button" + > + <gl-icon class="gl-mx-auto gl-align-self-center" :name="icon" /> + </button> +</template> |