refinedev/refine @refinedev/chakra-ui@2.14.0

on GitHub

Minor Changes

• #4303 0c569f42b4e Thanks @alicanerdurmaz! - feat: added default button props into the renderer functions headerButtons and footerButtons in CRUD components.
  Now, customization of the header and footer buttons can be achieved without losing the default functionality.

  import {
      DeleteButton,
      EditButton,
      ListButton,
      RefreshButton,
      Show,
  } from "@refinedev/chakra-ui";
  
  const PostShow = () => {
      return (
          <Show
              headerButtons={({
                  deleteButtonProps,
                  editButtonProps,
                  listButtonProps,
                  refreshButtonProps,
              }) => {
                  return (
                      <>
                          {/* custom components */}
                          {listButtonProps && (
                              <ListButton
                                  {...listButtonProps}
                                  meta={{ foo: "bar" }}
                              />
                          )}
                          {editButtonProps && (
                              <EditButton
                                  {...editButtonProps}
                                  meta={{ foo: "bar" }}
                              />
                          )}
                          {deleteButtonProps && (
                              <DeleteButton
                                  {...deleteButtonProps}
                                  meta={{ foo: "bar" }}
                              />
                          )}
                          <RefreshButton
                              {...refreshButtonProps}
                              meta={{ foo: "bar" }}
                          />
                      </>
                  );
              }}
          >
              {/* ... */}
          </Show>
      );
  };

Patch Changes

• #4312 9a5f79186c1 Thanks @yildirayunlu! - feat: added className for easier selection of all buttons and titles of CRUD components

• Updated dependencies [0c569f42b4e, e6eb4dea627, 9a5f79186c1]:

  • @refinedev/ui-types@1.16.0
  • @refinedev/react-hook-form@4.4.0