20:T4a2,---------------------- You can pass props to your modal created with `useModal` from your Mantine `

Modal Content

); }; ``` In this example, the `show` function is used to control the visibility of the modal. When the button is clicked, the `show` function is called, which triggers the opening of the modal. The `modalProps` are then passed to the `` component to control its behavior and appearance. For more information, you can refer to the **useModal documentation** (). ---------------------- `Note: you can ask me a follow up question by @ mentioning me again` :speech_balloon: ----------------------21:T497,---------------------- The `useModal` hook from Refine's core hooks does not directly provide a way to pass modal props. This hook is designed to be headless and UI-independent, and it only returns the `show` and `close` functions, and the `visible` state. Here's an example of how it's used: ```jsx import { useModal } from "@refinedev/core"; export const PostList: React.FC = () => { const { visible, show, close } = useModal(); return ( <> {visible && (

Dummy Modal Content

)} ); }; ``` In this example, the `visible` state is used to show or hide the modal. The `show` and `close` functions allow changing the `visible` state. It does not provide any functionality besides this. You can use this hook anywhere. For more information, you can refer to the **useModal documentation** (). ---------------------- `Note: you can ask me a follow up question by @ mentioning me again` :speech_balloon: ----------------------22:T4cb,---------------------- You can pass props into Mantine's `useForm` by providing an object to the `useForm` hook. This object can contain initial values for the form fields, validation rules, and other properties. Here's an example based on the information provided in the extracts: ```jsx import { useForm } from "@refinedev/mantine"; const { saveButtonProps, getInputProps } = useForm({ initialValues: { title: "", status: "", }, validate: { title: (value) => value.length < 2 ? "Post title should be atleast 2 characters long" : null, status: (value) => (value.length <= 0 ? "Status is required" : null), }, }); ``` In this example, `initialValues` is an object that contains the initial values for the form fields. `validate` is an object that contains validation rules for the form fields. The `useForm` hook returns an object that contains various properties and methods that you can use to manage your form. For more information, you can refer to the **useForm documentation** (). ---------------------- `Note: you can ask me a follow up question by @ mentioning me again` :speech_balloon: ----------------------

Passing Component Props

Similar Threads

Similar Threads

Similar Threads