Text
Single-line text input. Supports icons, prefixes, suffixes, and character counter.
Inputtype: textaccepts input
Live Preview
Format: LastName FirstName
Data Properties
| Name | Type | Default | Description |
|---|---|---|---|
title | string | - | Field label displayed above the input |
placeholder | string | - | Placeholder text inside the input |
required | boolean | false | Whether the field is required |
Config Options
| Name | Type | Default | Description |
|---|---|---|---|
variant | enum | default | Visual style: default, boxed, minimal, floating |
size | enum | md | Input height: sm, md, lg |
icon | string | - | Icon name: user, mail, phone, calendar, hash, dollar, star, heart, globe, search, clock |
prefix | string | - | Text or icon shown inside the input on the left |
suffix | string | - | Text or icon shown inside the input on the right |
helpText | string | - | Help text shown below the input |
Validation Rules
| Name | Type | Default | Description |
|---|---|---|---|
prefix | string | - | Value must start with this string |
suffix | string | - | Value must end with this string |
contains | string | - | Value must contain this string |
notContains | string | - | Value must not contain this string |
min | number | - | Minimum character length |
max | number | - | Maximum character length. Shows a counter |
pattern | regex | - | Regex pattern the value must match |
customMessage | string | - | Custom error message |