Text Field – Forui (original) (raw)

A text field lets the user enter text, either with a hardware keyboard or with an onscreen keyboard.

Preview

Usage

FTextField(...)

FTextField(
  controller: _controller, // TextEditingController
  clearable: (value) => value.text.isNotEmpty,
  enabled: true,
  label: const Text('Email'),
  hint: '[email protected]',
  description: const Text('Enter your email associated with your Forui account.'),
  error: const Text('Error'),
  keyboardType: TextInputType.emailAddress,
  textCapitalization: TextCapitalization.none,
  maxLines: 1,
);

Examples

States

Enabled

Preview

Disabled

Preview

Clearable

Preview

Presets

Email

Preview

Password

Preview

Multiline

Preview

Last updated on

May 7, 2025

SwitchText Form Field