Documentation
Text Field

Text Field

A text field lets the user enter text, either with hardware keyboard or with an onscreen keyboard. It can also be used in a form.

Usage

FTextField(...)

FTextField(
  controller: _controller, // TextEditingController
  enabled: true,
  label: const Text('Email'),
  hint: 'john@doe.com',
  description: const Text('Enter your email associated with your Forui account.'),
  keyboardType: TextInputType.emailAddress,
  textCapitalization: TextCapitalization.none,
  maxLines: 1,
);

FTextField.email(...)

FTextField.email(
  controller: _controller, // TextEditingController
  hint: 'john@doe.com',
  description: const Text('Enter your email associated with your Forui account.'),
);

FTextField.password(...)

FTextField.password(
  controller: _controller, // TextEditingController
  description: const Text('Your password must be at least 8 characters long.'),
);

FTextField.multiline(...)

FTextField.multiline(
  controller: _controller, // TextEditingController
  label: const Text('Description'),
  hint: 'Enter a description...',
  description: const Text('Enter a description of the item.'),
);

Examples

Enabled

Disabled

Password

Multiline

Form