Icon Button

W

Props

PropTypeDefault/Notes
@clickFunc()Handle event emitted from the component, ex: @click={funcName}
iconStringSee Icon component for usage
iconTextStringSee Icon component for usage
selectedBooleanDefault: false
spinningBooleanSee Icon component for usage
disabledBooleanDefault: false

Example usage

<template>
	<IconButton
		@click="iconState = !iconState"
		:icon="iconState ? 'heart-fill' : 'heart'"
	/>
</template>

<script>
	import { IconButton } from 'figma-plugin-ds-vue'

	export default {
	       data: () => ({
		    iconState: // Boolean
	    }),
		components: {
			IconButton
		}
	}
</script>