InterfaceCreateModalProps

Admin Docs

---

Interface: InterfaceCreateModalProps

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:141

Props for CreateModal template

Specialized template for creating new entities with form submission.

Extends

• InterfaceCrudModalBaseProps

Properties

centered?

optional centered: boolean

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:79

Whether to center the modal vertically on the page

Inherited from

InterfaceCrudModalBaseProps.centered

---

children

children: ReactNode

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:145

Form content to render inside the modal body

---

className?

optional className: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:73

Additional CSS class name for the modal

Inherited from

InterfaceCrudModalBaseProps.className

---

customFooter?

optional customFooter: ReactNode

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:163

Custom footer content to replace the default create footer actions.

---

data-testid?

optional data-testid: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:84

Test ID for the modal container (useful for testing)

Inherited from

InterfaceCrudModalBaseProps.data-testid

---

error?

optional error: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:62

Error message to display in the modal body When provided, shows an Alert component with the error

Inherited from

InterfaceCrudModalBaseProps.error

---

loading?

optional loading: boolean

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:56

Indicates whether an async operation is in progress When true, displays a loading spinner and disables action buttons

Inherited from

InterfaceCrudModalBaseProps.loading

---

onClose()

onClose: () => void

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:37

Callback function invoked when the modal is closed Triggered by close button, backdrop click, or Escape key

Returns

void

Inherited from

InterfaceCrudModalBaseProps.onClose

---

onSubmit()

onSubmit: (event) => void | Promise<void>

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:151

Callback function invoked when the form is submitted Should handle the creation logic and return a Promise

Parameters

event

FormEvent<HTMLFormElement>

Returns

void | Promise<void>

---

open?

optional open: boolean

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:26

Controls whether the modal is visible (defaults to false)

Inherited from

InterfaceCrudModalBaseProps.open

---

primaryText?

optional primaryText: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:43

Text for the primary action button

Inherited from

InterfaceCrudModalBaseProps.primaryText

---

secondaryText?

optional secondaryText: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:49

Text for the secondary action button

Inherited from

InterfaceCrudModalBaseProps.secondaryText

---

size?

optional size: ModalSize

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:68

Modal size variant

Inherited from

InterfaceCrudModalBaseProps.size

---

submitDisabled?

optional submitDisabled: boolean

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:158

Whether the submit button should be disabled Useful for form validation

---

title

title: string

Defined in: src/types/shared-components/CRUDModalTemplate/interface.ts:31

Modal title displayed in the header

Inherited from

InterfaceCrudModalBaseProps.title