how to modify title in EditButton from @refinedev/mui?

how to modify title in EditButton from @refinedev/mui

5 Replies

Hi @flankieflew. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Hmm, I don't know enough to give you a confident answer yet. However, you can refer to the Edit component documentation (https://refine.dev/docs/ui-integrations/material-ui/components/basic-views/edit/#properties) for more information on how to customize components in refine. If you are looking to modify the title within an Edit component, you can use the title prop as shown in the example below:

import { Edit } from "@refinedev/mui";  
import { Typography } from "@mui/material";  
  
const EditPage: React.FC = () => {  
  return (  
    <Edit  
      title={<Typography variant="h5">Custom Title</Typography>}  
    >  
      <span>Rest of your page here</span>  
    </Edit>  
  );  
};

import { Edit } from "@refinedev/mui";  
import { Typography } from "@mui/material";  
  
const EditPage: React.FC = () => {  
  return (  
    <Edit  
      title={<Typography variant="h5">Custom Title</Typography>}  
    >  
      <span>Rest of your page here</span>  
    </Edit>  
  );  
};

For more details, you can check the Edit component properties (https://refine.dev/docs/ui-integrations/material-ui/components/basic-views/edit/#properties). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•5mo ago

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

cloudy-cyanOP•5mo ago

I'm referring to EditButton component @kapa.ai @kapa.ai i mean the EditButton component

kapa.ai•5mo ago

Let me check the knowledge base for you again. One moment! :books: ---------------------- Hmm, I don't know enough to give you a confident answer yet. The provided knowledge sources do not include specific information on modifying the title of the EditButton component from @refinedev/mui. You might want to explore the EditButton documentation (https://refine.dev/docs/ui-integrations/material-ui/components/buttons/edit-button/) for more details or consider using the Refine CLI (https://refine.dev/docs/packages/list-of-packages/) to swizzle and customize the component. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•5mo ago

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

how to modify title in EditButton from @refinedev/mui?

Did you find this page helpful?