remove breadcrumb back button

how to remove breadcrumb back button ?

2 Replies

Hi @koop_g. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- To remove the breadcrumb back button in refine, you have a couple of options: 1. Set the breadcrumb prop to false on the specific component: You can disable the breadcrumb (which includes the back button) for individual components like Create, Edit, or Show by setting the breadcrumb prop to false. For example:

<Create breadcrumb={false}>
  {/* ... */}
</Create>

<Create breadcrumb={false}>
  {/* ... */}
</Create>

This approach is mentioned in the Create component documentation. 2. Use the goBack prop: For more fine-grained control, you can use the goBack prop to specifically remove the back button while keeping the rest of the breadcrumb. Set goBack to false or null:

<Create goBack={false}>
  {/* ... */}
</Create>

<Create goBack={false}>
  {/* ... */}
</Create>

This is documented in the Mantine UI Create component documentation. These methods should work for various UI integrations in refine, including Material UI, Mantine, and others. Choose the approach that best fits your needs - either removing the entire breadcrumb or just the back button. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

kapa.ai•15h ago

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

remove breadcrumb back button

Did you find this page helpful?