# Input

Input component. `su-input`

# Static label

If static-label present, then the animated label appears.

<su-input type="text" v-model="mname" static-label label="Father name" placeholder="Father name"></su-input>

Property Description Type Accepted values Default
static-label Label text for the input field Boolean - -
dynamic-label Animated label text appears for the input field Boolean - -
disabled Use as attribute or pass value Boolean - -
@focus, @blur, @input - -
min & max Supports the range by min and max Number - -
step A numeric input box whose values can be increased or decreased using a value step Number - -
hide-spinner In some use cases number field spinner looks ugly. For that case include hide-spinner attribute to hide the spinner from the number field. Boolean - -