Textarea ​

You can use ATextarea component to render basic textarea.

<template>
  <ATextarea />
</template>

You can use placeholder attribute to add placeholder to the textarea.

<template>
  <ATextarea placeholder="Enter additional details" />
</template>

You can use label prop to add label to the textarea.

<template>
  <ATextarea label="Address" />
</template>

You can adjust the height of ATextarea component by providing height prop with the value of valid height class. You have to prefix ! to override the default height for using custom height.

<template>
  <ATextarea height="!h-200px" />
</template>

You can use auto-size prop to automatically update the height of ATextarea depending on the content.

<template>
  <ATextarea auto-size />
</template>