You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
abp/docs/en/UI/Angular/FormInput-Component.md

1.1 KiB

Form Input Component

The ABP FormInput Component is a reusable form input component for the text type.

Inputs

  • label
  • labelClass (default form-label)
  • inputPlaceholder
  • inputReadonly
  • inputClass (default form-control)

Outputs

  • formBlur
  • formFocus

Usage

The ABP FormInput component is a part of the ThemeSharedModule module. If you've imported that module into your module, there's no need to import it again. If not, then first import it as shown below:

import { ThemeSharedModule } from "@abp/ng.theme.shared";
import { FormInputDemoComponent } from "./FomrInputDemoComponent.component";

@NgModule({
  imports: [
   ThemeSharedModule,
   // ...
  ],
  declarations: [FormInputDemoComponent],
})
export class MyFeatureModule {}

Then, the abp-form-input component can be used. See the example below:

<div class="row">
  <div class="col-4">
    <abp-form-input
	label="AbpAccount::UserNameOrEmailAddress"
	inputId="login-input-user-name-or-email-address"
     ></abp-form-input>
  </div>
</div>

See the form input result below:

abp-form-input