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.
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
@ -36,4 +48,4 @@ Then, the `abp-checkbox` component can be used. See the example 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.
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
@ -12,14 +21,14 @@ ABP FormInput component is a part of the `ThemeSharedModule` module. If you've i
// my-feature.module.ts
import { ThemeSharedModule } from "@abp/ng.theme.shared";
import { FomrInputDemoComponent } from "./FomrInputDemoComponent.component";
import { FormInputDemoComponent } from "./FomrInputDemoComponent.component";
@NgModule({
imports: [
ThemeSharedModule,
// ...
],
declarations: [FomrInputDemoComponent],
declarations: [FormInputDemoComponent],
// ...
})
export class MyFeatureModule {}

Loading…
Cancel
Save