---------------------- If you want to change the breadcrumbs and other related components, you need to customize them accordingly. For breadcrumbs, you can use the `` component from the UI library you're using (Material-UI, Ant Design, etc.) and the `useBreadcrumb` hook provided by Refine. You can customize the breadcrumb's appearance and behavior using the `breadcrumbProps` property. Here's an example of how you can customize the breadcrumb in Material-UI: ```jsx import { Show, Breadcrumb } from "@refinedev/mui"; const PostShow: React.FC = () => { return ( } >

Rest of your page here

); }; ``` In this example, the breadcrumb separator is customized to be a dash ("-") instead of the default ("/"). For other components, you might need to customize them individually. For example, if you're using a ``, you need to pass the correct `resource` and `recordItemId` to it: ```jsx import { ShowButton } from "@refinedev/mui"; const MyShowComponent = () => { return ( ); }; ``` In this example, clicking the button will trigger the `show` method of `useNavigation` and then redirect the app to the `show` action path of the resource, filling the necessary parameters in the route. For more information, you can refer to the **Refine documentation on UI integrations** () and **Refine documentation on routing** (). ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

how would i change show to details

Similar Threads

Similar Threads

Similar Threads