<template>
	<div>
		<h2>Basic NumberBox</h2>
		<p>The NumberBox component only accept inputing numbers.</p>
		<div style="margin-bottom:10px">
			<Label for="n1" align="top">Amount:</Label>
			<NumberBox inputId="n1" :value="100" :spinners="true"></NumberBox>
		</div>
		<div style="margin-bottom:10px">
			<Label for="n2" align="top">List Price:</Label>
			<NumberBox inputId="n2" :value="234.56" :precision="2" :spinners="false"></NumberBox>
		</div>
		<div style="margin-bottom:10px">
			<Label for="n3" align="top">Discount:</Label>
			<NumberBox inputId="n3" :value="60" suffix="%" :spinners="false"></NumberBox>
		</div>
	</div>
</template>
<script>
	export default {

	}
</script>