diff options
Diffstat (limited to 'app/assets/javascripts/vue_shared/components/registry/history_item.vue')
-rw-r--r-- | app/assets/javascripts/vue_shared/components/registry/history_item.vue | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/registry/history_item.vue b/app/assets/javascripts/vue_shared/components/registry/history_item.vue new file mode 100644 index 00000000000..a60b630b207 --- /dev/null +++ b/app/assets/javascripts/vue_shared/components/registry/history_item.vue @@ -0,0 +1,36 @@ +<script> +import { GlIcon } from '@gitlab/ui'; +import TimelineEntryItem from '~/vue_shared/components/notes/timeline_entry_item.vue'; + +export default { + name: 'HistoryItem', + components: { + GlIcon, + TimelineEntryItem, + }, + props: { + icon: { + type: String, + required: true, + }, + }, +}; +</script> + +<template> + <timeline-entry-item class="system-note note-wrapper gl-mb-6!"> + <div class="timeline-icon"> + <gl-icon :name="icon" /> + </div> + <div class="timeline-content"> + <div class="note-header"> + <span> + <slot></slot> + </span> + </div> + <div class="note-body"> + <slot name="body"></slot> + </div> + </div> + </timeline-entry-item> +</template> |