Browse Source

tidy up formatting

pull/16547/head
Barış Can Yılmaz 3 years ago
parent
commit
6fef25c797
  1. 16
      docs/en/UI/Angular/Checkbox-Component.md
  2. 15
      docs/en/UI/Angular/FormInput-Component.md

16
docs/en/UI/Angular/Checkbox-Component.md

@ -2,7 +2,19 @@
The ABP Checkbox Component is a reusable form input component for checkbox type. The ABP Checkbox Component is a reusable form input component for checkbox type.
It takes `label`, `labelClass` (default form-check-label), `checkboxId`,`checkboxReadonly`,`checkboxReadonly` (default form-check-input) and `checkboxStyle` as input to customize component. Also, it emits `checkboxBlur` and `checkboxFocus` events when component gain or lose focus. # Inputs
- `label`
- `labelClass (default form-check-label)`
- `checkboxId`
- `checkboxReadonly`
- `checkboxReadonly (default form-check-input)`
- `checkboxStyle`
# Outputs
- `checkboxBlur`
- `checkboxFocus`
# Usage # Usage
@ -36,4 +48,4 @@ Then, the `abp-checkbox` component can be used. See the example below:
See the checkbox input result below: See the checkbox input result below:
![abp-form-input](./images/form-checkbox.png) ![abp-checkbox](./images/form-checkbox.png)

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

@ -2,7 +2,16 @@
The ABP FormInput Component is a reusable form input component for text type. The ABP FormInput Component is a reusable form input component for text type.
It takes `label`, `labelClass` (default form-label), `inputId`,`inputPlaceholder`,`inputReadonly`,`inputClass` (default form-control) and `inputStyle` as input to customize component. Also, it emits `formBlur` and `formFocus` events when component gain or lose focus. # Inputs
* `label`
* `labelClass (default form-label)`
* `inputPlaceholder`
* `inputReadonly`
* `inputClass (default form-control)`
# Outputs
* `formBlur`
* `formFocus`
# Usage # Usage
@ -12,14 +21,14 @@ ABP FormInput component is a part of the `ThemeSharedModule` module. If you've i
// my-feature.module.ts // my-feature.module.ts
import { ThemeSharedModule } from "@abp/ng.theme.shared"; import { ThemeSharedModule } from "@abp/ng.theme.shared";
import { FomrInputDemoComponent } from "./FomrInputDemoComponent.component"; import { FormInputDemoComponent } from "./FomrInputDemoComponent.component";
@NgModule({ @NgModule({
imports: [ imports: [
ThemeSharedModule, ThemeSharedModule,
// ... // ...
], ],
declarations: [FomrInputDemoComponent], declarations: [FormInputDemoComponent],
// ... // ...
}) })
export class MyFeatureModule {} export class MyFeatureModule {}

Loading…
Cancel
Save