<template>
	<div class="v-icon-basic">
		<vc-icon type="success"/>
		<vc-icon type="error"/>
	</div>
</template>

<script>
import { Icon, Clipboard } from '@wya/vc';

export default {
	components: {
		'vc-icon': Icon,
		'vc-clipboard': Clipboard
	},
};
</script>
<style>
.v-icon-basic > .vc-icon{
	font-size: 30px;
}
.v-icon-basic > svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	overflow: hidden;
}
</style>

<template>
	<div class="v-icon-basic">
		<vc-clipboard v-for="(item, index) in items" :key="index" :value="`<vc${m}-icon type=&quot;${item}&quot; />`">
				<vc-icon :type="item" inherit />
				<p>{{ item }}</p>
			</vc-clipboard>
	</div>
</template>

<script>
import { Icon, Clipboard} from '@wya/vc';
export default {
	components: {
		'vc-icon': Icon,
		'vc-clipboard': Clipboard
	},
	data() {
		return {
			items: []
		};
	},
	mounted() {

	},
	methods: {
	}
};
</script>
<style>
.v-icon-basic {
	display: flex;
	flex-wrap: wrap;
}
.v-icon-basic > div {
	width: 200px;
	padding: 20px;
	text-align: center;
	cursor: pointer;
}
</style>