1.15.4 • Published 6 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
6 years ago
1.15.3
6 years ago
1.15.2
6 years ago
1.15.1
6 years ago
1.15.0
6 years ago
1.14.5
6 years ago
1.14.4
6 years ago
1.14.3
6 years ago
1.14.2
6 years ago
1.14.1
6 years ago
1.14.0
6 years ago
1.13.0
6 years ago
1.12.2
6 years ago
1.12.1
6 years ago
1.12.0
6 years ago
1.11.0
6 years ago
1.10.0
6 years ago
1.9.16
6 years ago
1.9.15
6 years ago
1.9.14
6 years ago
1.9.13
6 years ago
1.9.12
6 years ago
1.9.11
6 years ago
1.9.10
6 years ago
1.9.9
6 years ago
1.9.8
6 years ago
1.9.7
6 years ago
1.9.6
6 years ago
1.9.5
6 years ago
1.9.4
6 years ago
1.9.3
6 years ago
1.9.2
6 years ago
1.9.1
6 years ago
1.9.0
6 years ago
1.8.0
6 years ago
1.7.2
6 years ago
1.7.1
6 years ago
1.7.0
6 years ago
1.6.2
6 years ago
1.6.1
6 years ago
1.6.0
6 years ago
1.5.4
6 years ago
1.5.3
6 years ago
1.5.2
6 years ago
1.5.1
6 years ago
1.5.0
6 years ago
1.4.2
6 years ago
1.4.1
6 years ago
1.4.0
6 years ago
1.3.2
6 years ago
1.3.1
6 years ago
1.3.0
6 years ago
1.2.0
6 years ago
1.1.2
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago