# 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 | - | - |