ContentField

Live Editor

<Store id={"contentFieldForm"}> <Form> <Paper> <Box px={3} pt={2} pb={3} mb={2}> <ContentField name="abc" content={ <Paper elevation={10}> <Box p={2}>Some JSX content</Box> </Paper> } /> </Box> </Paper> </Form> <StateInspector /> </Store>

<Store id={"contentFieldForm"}>
  <Form>
    <Paper>
      <Box px={3} pt={2} pb={3} mb={2}>
        <ContentField
          name="abc"
          content={
            <Paper elevation={10}>
              <Box p={2}>Some JSX content</Box>
            </Paper>
          }
        />
      </Box>
    </Paper>
  </Form>
  <StateInspector />
</Store>

Result

Loading...

Live Editor

<Store id={"contentFieldFormView"}> <FormView> <Register>{materialViewComponents}</Register> <Fields> <Field name="abc" view={{ xs: 12 }} content={ <Paper elevation={10}> <Box p={4}>Some JSX content</Box> </Paper> } /> </Fields> <Sections> <Section>{["abc"]}</Section> </Sections> </FormView> <StateInspector /> </Store>

<Store id={"contentFieldFormView"}>
  <FormView>
    <Register>{materialViewComponents}</Register>
    <Fields>
      <Field
        name="abc"
        view={{ xs: 12 }}
        content={
          <Paper elevation={10}>
            <Box p={4}>Some JSX content</Box>
          </Paper>
        }
      />
    </Fields>
    <Sections>
      <Section>{["abc"]}</Section>
    </Sections>
  </FormView>
  <StateInspector />
</Store>

Result

Loading...