UNPKG

@aiui/ai-form

Version:

Minimal Form & Input React Components.

github.com/ApptitudeInfotech/AiForm

ApptitudeInfotech/AiForm

62 lines (51 loc) • 3.22 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
# AiForm Minimal Form & Input React Components. Provides Form, Input, Radio, Checkbox and Select component ![npm bundle size](https://img.shields.io/bundlephobia/min/@aiui/ai-form) ![npm bundle size](https://img.shields.io/bundlephobia/minzip/@aiui/ai-form) ![npm download](https://img.shields.io/npm/dm/@aiui/ai-form.svg) ## Install npm i @aiui/ai-form ## Import import AiForm, { AiInput, AiSelect, AiCheckbox, AiRadio } from '@aiui/ai-form'; ## AiForm Props | Name | Type | Default | Description | |----------|:-------|:----------------|:------------| | onDone | func | ( ) => { } | Callback fired when Form gets validated and submitted (returns form current Ref)| | children | node | | Form children (input,radio,select,checkbox) | ## AiInput Props | Name | Type | Default | Description | |-----------|:-------|:----------------|:------------| | name | string | | Input field name | | type | string | text | Input field type | | label | string | | Input field label | | showLabel | bool | true | If false, field label is hidden | | withGroup | bool | true | If false, field margin is removed | ## AiSelect Props | Name | Type | Default | Description | |-----------|:-------|:----------------|:------------| | name | string | | Select field name | | options | array | [ ] | Select field options ( [{ label, value }, { label, value }] ) | | label | string | | Select field label | | showLabel | bool | true | If false, field label is hidden | | withGroup | bool | true | If false, field margin is removed | ## AiCheckbox Props | Name | Type | Default | Description | |------------------|:-------|:----------------|:------------| | name | string | | Checkbox field name | | options | array | [ ] | Checkbox field options ( [{ label, value }, { label, value }] ) | | label | string | | Checkbox field label | | showLabel | bool | true | If false, field label is hidden | | withGroup | bool | true | If false, field margin is removed | | selectedValues | array | [ ] | Default Checked Options | | inline | bool | true | If true, Checkbox options shown inline | ## AiRadio Props | Name | Type | Default | Description | |------------------|:-------|:----------------|:------------| | name | string | | Radio field name | | options | array | [ ] | Radio field options ( [{ label, value }, { label, value }] ) | | label | string | | Radio field label | | showLabel | bool | true | If false, field label is hidden | | withGroup | bool | true | If false, field margin is removed | | selectedValue | any | | Default Checked Option | | inline | bool | true | If true, Radio options shown inline |