MR Labs

Text

Single-line text input. Supports icons, prefixes, suffixes, and character counter.

Inputtype: textaccepts input

Live Preview

Format: LastName FirstName

Data Properties

NameTypeDefaultDescription
titlestring-Field label displayed above the input
placeholderstring-Placeholder text inside the input
requiredbooleanfalseWhether the field is required

Config Options

NameTypeDefaultDescription
variantenumdefaultVisual style: default, boxed, minimal, floating
sizeenummdInput height: sm, md, lg
iconstring-Icon name: user, mail, phone, calendar, hash, dollar, star, heart, globe, search, clock
prefixstring-Text or icon shown inside the input on the left
suffixstring-Text or icon shown inside the input on the right
helpTextstring-Help text shown below the input

Validation Rules

NameTypeDefaultDescription
prefixstring-Value must start with this string
suffixstring-Value must end with this string
containsstring-Value must contain this string
notContainsstring-Value must not contain this string
minnumber-Minimum character length
maxnumber-Maximum character length. Shows a counter
patternregex-Regex pattern the value must match
customMessagestring-Custom error message