<template>
	<div>
		<h2>Multiline TextBox</h2>
		<p>This example shows how to define a textbox for the user to enter multi-line text input.</p>
		<div style="width:100%;max-width:400px;">
			<div style="margin-bottom:10px">
				<Label for="t1" align="top">Name:</Label>
				<TextBox inputId="t1" iconCls="icon-man" style="width:100%"></TextBox>
			</div>
			<div style="margin-bottom:10px">
				<Label for="t2" align="top">Description:</Label>
				<TextBox inputId="t2" :multiline="true" :value="description" style="width:100%;height:120px"></TextBox>
			</div>
		</div>
	</div>
</template>

<script>
export default {
  data() {
    return {
      description:
        "This TextBox will allow the user to enter multiple lines of text."
    };
  }
};
</script>