n8n/packages/editor-ui/src/components/TitledList.vue

30 lines
480 B
Vue

<template>
<div class="titled-list">
<p v-text="title" />
<ul>
<li v-for="item in items" :key="item" class="titled-list-item" v-html="item" />
</ul>
</div>
</template>
<script lang="ts" setup>
defineProps<{
title: string;
items: string[];
}>();
</script>
<style lang="scss" scoped>
.titled-list {
display: flex;
flex-direction: column;
.titled-list-item {
list-style: none;
padding-left: var(--spacing-3xs);
&::before {
content: '- ';
}
}
}
</style>