Back to Refine

Default Value Live Preview

documentation/versioned_docs/version-3.xx.xx/api-reference/mantine/hooks/useSelect/default-value-live-preview.md

3.25.0844 B
Original Source
tsx
setInitialRoutes(["/posts/create"]);
// visible-block-start
import { Select, useSelect, Button } from "@pankod/refine-mantine";

interface ICategory {
    id: number;
    title: string;
}

const ProductCreate: React.FC = () => {

    const { selectProps } = useSelect<ICategory>({
        resource: "categories",
        // highlight-next-line
        defaultValue: 11,
    });

    return (
        <>
            <Select
                label="Category"
                placeholder="Select a category"
                withinPortal
                {...selectProps}
            />
        </>
    );
};
// visible-block-end
setRefineProps({
    resources: [
        {
            name: "posts",
            create: ProductCreate,
        },
    ],
});
render(<RefineMantineDemo />);