Server-side rendering library builds dynamic UI and forms for client projects. Converts JSON responses into UI components like forms, lists, and validates inputs including email and phone.
Guyub is Server side rendering library build dynamic ui and form multiplatform client project use with kotlin multiplatform
Convert Json response into specific contract base on form or ui than to be display.
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GLabel | label | label: String, type: LabelType |
| 2 | GButton | button | label: String, enable: Boolean |
| 3 | GTextField | text field | label: String, type: TextFieldType |
| 4 | GTextFieldOption | text field with option | label: String, options: List |
| 5 | GDatePicker | date picker | label: String |
| 6 | GRadioButton | radio button | label: String, options: List |
| 7 | GPassword | password | label: String, type: PasswordType |
| 8 | GPhoneNumber | phone number | label: String |
| 9 | GEmail | label: String | |
| 10 | GImagePicker | image picker | WIP |
| 11 | GCameraPicker | camera | WIP |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GSingleForm | Single form page | listData: List, outputData: Lamda |
| 2 | GWizardForm | Wizard form (multiple page) | dataWizard: List<List>, outputData: Lamda |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GBasicList | basic list | data: UIField.Basic |
| 2 | GFeed | feed | data: UIField.Feed |
| 3 | GProfile | profile | data: UIField.Profile |
| 4 | GTabLayout | tap layout page | data: LayoutField |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GTabLayout | Tab layout page | data: LayoutField, onActionLayout: Lamda |
| 2 | GBottomAppBar | Bottom navigation bar | icons: List, selected: Lamda |
Here are example json response to construct form or ui
Mapper is utils extension function to map json response to ui data specific form.
toFormField() Mapper from Map<String, Any> to form field like Label, Button, TextField etc.toUIField Mapper from Map<String, Any> to form ui field like Basic List, Feed etc.required if field non null formGuyub is Server side rendering library build dynamic ui and form multiplatform client project use with kotlin multiplatform
Convert Json response into specific contract base on form or ui than to be display.
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GLabel | label | label: String, type: LabelType |
| 2 | GButton | button | label: String, enable: Boolean |
| 3 | GTextField | text field | label: String, type: TextFieldType |
| 4 | GTextFieldOption | text field with option | label: String, options: List |
| 5 | GDatePicker | date picker | label: String |
| 6 | GRadioButton | radio button | label: String, options: List |
| 7 | GPassword | password | label: String, type: PasswordType |
| 8 | GPhoneNumber | phone number | label: String |
| 9 | GEmail | label: String | |
| 10 | GImagePicker | image picker | WIP |
| 11 | GCameraPicker | camera | WIP |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GSingleForm | Single form page | listData: List, outputData: Lamda |
| 2 | GWizardForm | Wizard form (multiple page) | dataWizard: List<List>, outputData: Lamda |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GBasicList | basic list | data: UIField.Basic |
| 2 | GFeed | feed | data: UIField.Feed |
| 3 | GProfile | profile | data: UIField.Profile |
| 4 | GTabLayout | tap layout page | data: LayoutField |
| No | Component | type | Parameter |
|---|---|---|---|
| 1 | GTabLayout | Tab layout page | data: LayoutField, onActionLayout: Lamda |
| 2 | GBottomAppBar | Bottom navigation bar | icons: List, selected: Lamda |
Here are example json response to construct form or ui
Mapper is utils extension function to map json response to ui data specific form.
toFormField() Mapper from Map<String, Any> to form field like Label, Button, TextField etc.toUIField Mapper from Map<String, Any> to form ui field like Basic List, Feed etc.required if field non null form