diff options
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue')
-rw-r--r-- | app/assets/javascripts/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue b/app/assets/javascripts/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue new file mode 100644 index 00000000000..527cbd458e2 --- /dev/null +++ b/app/assets/javascripts/vue_shared/components/user_avatar/badges/gitlab_team_member_badge.vue @@ -0,0 +1,27 @@ +<script> +import { GlTooltipDirective, GlIcon } from '@gitlab/ui'; +import { __ } from '~/locale'; + +const GITLAB_TEAM_MEMBER_LABEL = __('GitLab Team Member'); + +export default { + name: 'GitlabTeamMemberBadge', + directives: { + GlTooltip: GlTooltipDirective, + }, + components: { GlIcon }, + gitlabTeamMemberLabel: GITLAB_TEAM_MEMBER_LABEL, +}; +</script> + +<template> + <span + v-gl-tooltip.hover + :title="$options.gitlabTeamMemberLabel" + role="img" + :aria-label="$options.gitlabTeamMemberLabel" + class="d-inline-block align-middle" + > + <gl-icon name="tanuki-verified" class="gl-text-purple d-block" /> + </span> +</template> |