Browse Source

Update FormInput-Component.md

pull/16547/head
Masum ULU 3 years ago
committed by GitHub
parent
commit
cadb7835a9
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 25
      docs/en/UI/Angular/FormInput-Component.md

25
docs/en/UI/Angular/FormInput-Component.md

@ -18,18 +18,15 @@ The ABP FormInput Component is a reusable form input component for text type.
ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below: ABP FormInput component is a part of the `ThemeSharedModule` module. If you've imported that module into your module, you don't need to import it again. If not, first import it as shown below:
```ts ```ts
// my-feature.module.ts
import { ThemeSharedModule } from "@abp/ng.theme.shared"; import { ThemeSharedModule } from "@abp/ng.theme.shared";
import { FormInputDemoComponent } from "./FomrInputDemoComponent.component"; import { FormInputDemoComponent } from "./FomrInputDemoComponent.component";
@NgModule({ @NgModule({
imports: [ imports: [
ThemeSharedModule, ThemeSharedModule,
// ... // ...
], ],
declarations: [FormInputDemoComponent], declarations: [FormInputDemoComponent],
// ...
}) })
export class MyFeatureModule {} export class MyFeatureModule {}
``` ```
@ -38,12 +35,12 @@ Then, the `abp-form-input` component can be used. See the example below:
```html ```html
<div class="row"> <div class="row">
<div class="col-4"> <div class="col-4">
<abp-form-input <abp-form-input
label="AbpAccount::UserNameOrEmailAddress" label="AbpAccount::UserNameOrEmailAddress"
inputId="login-input-user-name-or-email-address" inputId="login-input-user-name-or-email-address"
></abp-form-input> ></abp-form-input>
</div> </div>
</div> </div>
``` ```

Loading…
Cancel
Save