refinedev/refine @refinedev/antd@5.3.0 on GitHub

Minor Changes

#3912 0ffe70308b2 Thanks @alicanerdurmaz! - - RefineThemes added. It contains predefined colors for the antd components.

import { RefineThemes } from "@refinedev/antd";
import { Refine } from "@refinedev/core";
import dataProvider from "@refinedev/simple-rest";

const App = () => {
    // ---

    return (
        <ConfigProvider
            theme={{
                token: RefineThemes.Magenta.token,
            }}
        >
            <Refine dataProvider={dataProvider("YOUR_API_URL")}>
                {/** your app here */}
            </Refine>
        </ConfigProvider>
    );
};

default title with icon added to AuthPage. It uses ThemedTitle component from @refinedev/antd. You can remove it by setting title prop to false.

<AuthPage title={false} />

title prop added to AuthPage's renderContent prop to use in the custom content.

<AuthPage
    renderContent={(content: React.ReactNode, title: React.ReactNode) => {
        return (
            <div
                style={{
                    display: "flex",
                    flexDirection: "column",
                    justifyContent: "center",
                    alignItems: "center",
                }}
            >
                {title}
                <h1 style={{ color: "white" }}>Extra Header</h1>
                {content}
                <h1 style={{ color: "white" }}>Extra Footer</h1>
            </div>
        );
    }}
/>

<ThemedLayout>, <ThemedSider>, <ThemedTitle>, <ThemedHeader> created to use theme colors.
<EditButton> in <Show> type changed to primary.
<CreateButton> type changed to primary.
<AuthPage> component uses colors from the theme.
<ThemedTitle> added to AuthPage

Patch Changes

Updated dependencies [0ffe70308b2]:
- @refinedev/ui-types@1.3.0