[FEAT] Please make the PageHeader extra extensible

Is your feature request related to a problem? Please describe. Currently the views such as Show, Edit, Create, List etc. offer default buttons in the PageHeader extra. This is good because these default buttons inherit many things such as recordItemId, dataProviderName etc from the parent view component and auto-configure themselves.

The problem is, when we need to add additional buttons before and after the default buttons. For example, in the Show view I already get a RefreshButton by default and would like to add a Download button before the built-in Refresh Button.

This requires me to rewrite everything in the PageHeader extra (including all the configuration of recordItemId, dataProviderName etc required for the built-in buttons).

There is no way to just prepend and append few buttons to the already existing built-in buttons.

Describe the solution you’d like

• Kindly allow extra ReactNode contents to be prepended and appended to the built-in Page Header components (instead of overwriting them)

For example,

• Should be able to add few ReactNodes before the built-in extra components and after the built-in extra components in the PageHeader

[aliemir]

Hey @KrishnaPG, thank you for the issue! I think this will be a nice feature 🚀 We’re currently working on a refactor in UI framework integrations and added couple of props to do changes in action buttons at the header and the footer of the crud elements like headerButtons and footerButtons, which are actionButtons currently. We’ll also update headerButtons and footerButtons` like the following;

Type

type headerButtons = ({ defaultButtons }: { defaultButtons: React.ReactNode }) => React.ReactNode;
type footerButtons = ({ defaultButtons }: { defaultButtons: React.ReactNode }) => React.ReactNode;

Usage

<List
    headerButtons={({defaultButtons}) => (
        <>
          <MyButton />
          {defaultButtons}
          <OtherButton />
        </>
    )}
/>

This will allow developers to prepend/append elements to the current buttons. Hope you like this approach, we’re aiming to release this as soon as possible.

[aliemir]

Hey @KrishnaPG, we’re releasing the changes to next channel today including the feature mentioned here https://github.com/pankod/refine/issues/2246#issuecomment-1198974638

Currently, we don’t offer modifications on the default buttons but there’s an on-going internal discussion on how to achieve this, there are multiple ideas on implementation of those. We’ll announce the decision and place it on the roadmap as soon as possible. Thank you for your patience.