0

Since I am using Material UI in my Sitecore JSS app, I wanted to know how can I make Material UI components to make it editable for experience editor?

For example:

How to make the below Material UI component editable like the Sitecore JSS React component?

<Typography variant="h1" component="h1">{fields.heading.value}</Typography>

Default Sitecore JSS React component:

<Text tag="h1" editable="true" field={fields.heading} />

If making the Material UI component editable is not doable then, is there a way to apply Material UI styles to the sitecore components?

Improve this question
1

How about

<Typography variant="h1" component="h1"><Text tag="span" editable="true" field={fields.heading} /></Typography>
Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.