---------------------- You can add a custom button in the Show header buttons without removing the existing buttons by using the `headerButtons` property. This property accepts `React.ReactNode` or a render function which you can use to keep the existing buttons and add your own. Here is an example of how you can do it: ```jsx import { Show } from "@refinedev/mantine"; // or "@refinedev/mui", "@refinedev/antd", "@refinedev/chakra-ui" depending on the UI library you are using import { Button } from "@mantine/core"; // or "@mui/material", "antd", "@chakra-ui/react" depending on the UI library you are using const PostShow: React.FC = () => { return ( ( <> {defaultButtons} )} > {/* Rest of your Show component */} ); }; ``` In this example, `{defaultButtons}` represents the existing buttons, and the `Button` component is your custom button. You can replace the `Button` component with your own custom button component. Please note that the import statements and the `Button` component may vary depending on the UI library you are using. For more information, you can refer to the following documentation: - **Mantine Show Component** () - **Material-UI Show Component** () - **Ant Design Show Component** () - **Chakra UI Show Component** () ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

how to add a custom button in the Show header buttons along with the refresh button

Similar Threads

Similar Threads

Similar Threads