42 lines
632 B
Vue
42 lines
632 B
Vue
<template>
|
|
<div class="list-numeric">
|
|
<h5 class="list-numeric-title">{{ title }}</h5><!-- /.list-numeric-title -->
|
|
|
|
<ul>
|
|
<li
|
|
v-for="(item, i) in items"
|
|
:key="i">
|
|
<slot :item="item" />
|
|
</li>
|
|
</ul>
|
|
</div><!-- /.list-numeric -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
/**
|
|
* The name of the component.
|
|
*
|
|
* @type {Strng}
|
|
*/
|
|
name: 'ListNumeric',
|
|
|
|
/**
|
|
* The supported properties of the component.
|
|
*
|
|
* @type {Object}
|
|
*/
|
|
props: {
|
|
title: {
|
|
type: String,
|
|
default: () => {}
|
|
},
|
|
items: {
|
|
type: Array,
|
|
required: true,
|
|
default: () => {}
|
|
}
|
|
}
|
|
}
|
|
</script>
|