stormy-gold•3w ago

edit page header text change?

<h5 class="MuiTypography-root MuiTypography-h5 refine-pageHeader-title css-16xl4zq-MuiTypography-root">Edit Nature class</h5>

<h5 class="MuiTypography-root MuiTypography-h5 refine-pageHeader-title css-16xl4zq-MuiTypography-root">Edit Nature class</h5>

How to change "Edit Nature class"

2 Replies

kapa.ai•3w ago

Hi @florent. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To change the header text "Edit Nature class" on the edit page, you can customize the title prop of the <Edit> component. Here's how you can do it:

import { Edit } from "@refinedev/mui";
import { Typography } from "@mui/material";

const PostEdit: React.FC = () => {
  return (
    <Edit title={<Typography variant="h5">Custom Title</Typography>}>
      <p>Rest of your page here</p>
    </Edit>
  );
};

import { Edit } from "@refinedev/mui";
import { Typography } from "@mui/material";

const PostEdit: React.FC = () => {
  return (
    <Edit title={<Typography variant="h5">Custom Title</Typography>}>
      <p>Rest of your page here</p>
    </Edit>
  );
};

In this example, you can replace "Custom Title" with whatever text you want to display instead of "Edit Nature class". You can also use the useTranslate hook from refine to support internationalization if needed. For more information and examples, you can refer to the Material UI Edit component documentation. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•3w ago

<@1184365192482652173> Kapa.ai is still learning and improving, please let me know how I did by reacting below.

edit page header text change?

Did you find this page helpful?