How to customize the element style, eg height / margin

General
1

image
image852×712 31.5 KB

what best way to define the input element style ? eg height , currently it is default , height too large, I want change to small, but looks it no simple way to set it . I meaning set it from the uiSchema if possible . or anyway, other way also is good

thanks for guide

2

In case you are using the React Material renderers, then you can use Material UI’s theme support. All Vanilla renderers can be customized via CSS directly, see their respective Readmes. Angular Material has its own theming support. Vue Vuetify supports both theming as well as modifying Vuetify props via the ui schema.

1 Like
3

possible use more simple way ? looks MUI is hard to use

4

how to adjust the row height / maybe row spacing . through css ?

5

how to adjust the row height / maybe row spacing . through css ?

.MuiGrid-container{

row-gap: 20px !important;

height: 100px !important;

}