All files / MultiSelect/src/components/OptionGroup OptionGroup.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<template>
	<div>
		<ol
			v-if="groupData.options.length > 0"
		>
			<li
				class="MultiSelectGroupLabel"
			>
				{{ groupData.label }}
			</li>
			<Option
				@customClick="emit('optionSelected', option)"
				v-for="(option, index) in groupData.options"
				:key="index"
			>
				<i
					v-if="option.icon"
					:class="option.icon"
					class="MultiSelectOptionIcon"
				/>
				{{ option.label }}
			</Option>
		</ol>
	</div>
</template>
 
<script lang="ts" src="./OptionGroup.ts"></script>
<style lang="scss" src="./OptionGroup.scss" scoped></style>