mirror of https://github.com/abpframework/abp
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.
1.1 KiB
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: