1.15.4 • Published 7 years ago
@adler-it/reactant-modularis v1.15.4
REACTANT-MODULARIS
Input
Plain
| Prop | Description | Type | Default |
|---|---|---|---|
| *label | string | ||
| value | string | "" | |
| hint | string | "" | |
| formLayout | FormLayout |
String
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | string | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true |
RadioButton
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | string | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| data | { value: string, text: string }[] | [] |
Strings
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | string | [] | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string[] } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| separators | string[] | ['\n'] |
Text
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | string | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| rows | number | 3 | |
| displayError | boolean | true |
Number
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | number | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: number } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| min | number | ||
| max | number |
Checkbox or Switch
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| label | string | ||
| rightLabel | string | ||
| value | boolean | false | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: boolean } | null | |
| disabled | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true |
Select
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | string | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string } | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| *data | { text: string, value: string, disabled?: boolean, props?: any }[] | [] | |
| multi | boolean | false | |
| search | boolean | false | |
| allowClear | boolean | false |
Cascader
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | string | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: string } | null | |
| disabled | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| *data | { label: string, value: string, disabled?: boolean, children?: data[] }[] | [] | |
| search | boolean | false | |
| allowClear | boolean | false |
Date
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | moment | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: moment } | null | |
| disabled | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| showTime | boolean | false | |
| format | string | YYYY-MM-DD |
DateRange
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | moment[2] | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: moment[2] } | null | |
| disabled | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| showTime | boolean | false | |
| format | string | YYYY-MM-DD |
Time
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | moment | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: moment } | null | |
| disabled | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| format | string | HH:mm:ss |
Translation
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| placeholder | string | "" | |
| value | { [lang]: string } | null | |
| validators | Validator[] | [] | |
| onError | (id: string, errors: string[]) => void | null | |
| onChange | () => { id: string, value: { [lang]: string }} | null | |
| disabled | boolean | false | |
| readOnly | boolean | false | |
| hint | string | "" | |
| formLayout | FormLayout | ||
| displayError | boolean | true | |
| *langs | string[] | 3 |
Objects
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | object[] | [] | |
| validators | Validator[] | [] | |
| onChange | () => { id: string, value: object[] } | null | |
| disabled | boolean | false | |
| *config | ModularConfig | ||
| *columns | ColumnProps[] | ||
| width | string | "" | |
| *rowKey | (row) => string | ||
| size | "default" | "middle" | "small" | "middle" | |
| tableProps | object |
File
| Prop | Description | Type | Default |
|---|---|---|---|
| *id | string | ||
| *label | string | ||
| value | File || File[] | null | |
| onChange | () => { id: string, value: File || File[] } | null | |
| disabled | boolean | false | |
| multi | boolean | false | |
| accept | string | null | |
| allowClear | boolen | true | |
| buttonProps | any | null |
Validator
(value) => string
If valid return "", otherwise return error message.
BreakPoints
| point | size |
|---|---|
| xs | <576px |
| sm | >=576px |
| md | >=768px |
| lg | >=992px |
| xl | >=1200px |
| xxl | >=1600px |
FormLayout
{
labelCol: {
[BreakPoint]: {
span: number
}
},
wrapperCol: {
[BreakPoint]: {
span: number
}
}
}Default:
labelCol= xs: 24, sm: 4 wrapperCol= xs: 24, sm: 19
1.15.4
7 years ago
1.15.3
7 years ago
1.15.2
7 years ago
1.15.1
7 years ago
1.15.0
7 years ago
1.14.5
7 years ago
1.14.4
7 years ago
1.14.3
7 years ago
1.14.2
7 years ago
1.14.1
7 years ago
1.14.0
7 years ago
1.13.0
7 years ago
1.12.2
7 years ago
1.12.1
7 years ago
1.12.0
7 years ago
1.11.0
7 years ago
1.10.0
7 years ago
1.9.16
7 years ago
1.9.15
7 years ago
1.9.14
7 years ago
1.9.13
7 years ago
1.9.12
7 years ago
1.9.11
7 years ago
1.9.10
7 years ago
1.9.9
7 years ago
1.9.8
7 years ago
1.9.7
7 years ago
1.9.6
7 years ago
1.9.5
7 years ago
1.9.4
7 years ago
1.9.3
7 years ago
1.9.2
7 years ago
1.9.1
7 years ago
1.9.0
7 years ago
1.8.0
7 years ago
1.7.2
7 years ago
1.7.1
7 years ago
1.7.0
7 years ago
1.6.2
7 years ago
1.6.1
7 years ago
1.6.0
7 years ago
1.5.4
7 years ago
1.5.3
7 years ago
1.5.2
7 years ago
1.5.1
7 years ago
1.5.0
7 years ago
1.4.2
8 years ago
1.4.1
8 years ago
1.4.0
8 years ago
1.3.2
8 years ago
1.3.1
8 years ago
1.3.0
8 years ago
1.2.0
8 years ago
1.1.2
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago