<template>
  <div>
		<h2>Button Group</h2>
		<p>Single Selection</p>
		<ButtonGroup selectionMode="single">
			<LinkButton iconCls="icon-add" :toggle="true" :selected="true">Add</LinkButton>
			<LinkButton iconCls="icon-remove" :toggle="true">Remove</LinkButton>
			<LinkButton iconCls="icon-save" :toggle="true">Save</LinkButton>
			<LinkButton iconCls="icon-cut" :disabled="true">Cut</LinkButton>
		</ButtonGroup>
		<p>Multiple Selection</p>
		<ButtonGroup selectionMode="multiple">
			<LinkButton iconCls="icon-add" :toggle="true">Add</LinkButton>
			<LinkButton iconCls="icon-remove" :toggle="true">Remove</LinkButton>
			<LinkButton iconCls="icon-save" :toggle="true">Save</LinkButton>
			<LinkButton iconCls="icon-cut" :disabled="true">Cut</LinkButton>
		</ButtonGroup>
  </div>
</template>

<script>
export default {};
</script>