FormText

Retrieve text input from a user with various states and configurations.

Default

<Block class="w-full">
  <FormText
    placeholder="Enter your text"
    class="w-full">
  </FormText>
</Block>

Label

<Block class="w-full">
  <FormBlock label="Label">
    <FormText
      placeholder="Enter your text"
      class="w-full">
    </FormText>
  </FormBlock>
</Block>

Disabled

<Block class="w-full">
  <FormText
    placeholder="Disabled input"
    :disabled="true"
    class="w-full">
  </FormText>
</Block>

Error

An error message.

<Block class="w-full">
  <FormText
    placeholder="Enter your text"
    error="An error message."
    :value="errorValue"
    class="w-full">
  </FormText>
</Block>

Custom Height

<Block class="w-full">
  <FormText
    placeholder="Enter your text"
    :height="100"
    class="w-full">
  </FormText>
</Block>