FluentInputBase<TValue>

FluentInputBase<TValue> is the abstract base class all Fluent UI input handling components inherit from.

You can not create or use a FluentInputBase<TValue> on a page or in another component but it adds the following parameters to every derived component.

These parameters are also shown in the component overviews in the rest of the documentation pages

The list below sums up the current derived components and the way they use the FluentInputBase base class.

  • FluentCheckbox : FluentInputBase<bool>
  • FluentNumberField<TValue> : FluentInputBase<TValue>
  • FluentRadioGroup : FluentInputBase<string?>
  • FluentSearch : FluentInputBase<string?>
  • FluentSlider : FluentInputBase<int>
  • FluentSwitch : FluentInputBase<bool>;
  • FluentTextArea : FluentInputBase<string?>;
  • FluentTextField : FluentInputBase<string?>

FluentInputBase<TValue> Class

Parameters

Name
Type
Default
Description
AutoFocusboolfalse
Determines if the element should receive document focus on page load.
ReadOnlyboolfalse
When true, the control will be immutable by user interaction. readonly HTML attribute for more information.
Idstring?
Gets or sets the id attribute of the element. Used for label association.
Disabledboolfalse
Disables the form control, ensuring it doesn't participate in form submission.
Namestring?null
Gets or sets the name of the element. Allows access by name from the associated form.
Requiredboolfalse
Gets or sets whether the element needs to have a value
ValueTValue?null
Gets or sets the value of the input. This should be used with two-way binding.
DisplayNamestring?null
Gets or sets the display name for this field.
ValueExpressionExpression<Func<TValue>>?null
Gets or sets an expression that identifies the bound value.
Placeholderstringnull
Gets or sets the short hint displayed in the input before the user enters a value.

EventCallbacks

Name
Type
Description
ValueChangedEventCallback<TValue>
Gets or sets a callback that updates the bound value

Methods

Name
Parameters
Description
FocusAsync
Exposes the FocusAsync() method.
FocusAsyncbool preventScroll
Exposes the elements FocusAsync(bool preventScroll) method.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙