Skip to main content

InterfaceViewModalProps

Admin Docs

Interface: InterfaceViewModalProps

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

Props for ViewModal template

Specialized template for read-only entity display. Parent component handles data fetching and passes formatted content as children.

Extends​

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:241

Content to display in the modal body Parent should pass formatted data display as children

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

customActions?​

optional customActions: ReactNode

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

Optional custom action buttons to display in the footer Useful for actions like "Edit" or "Delete" from the view modal

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

loadingData?​

optional loadingData: boolean

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

Whether data is currently being loaded

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

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

title​

title: string

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

Modal title displayed in the header

Inherited from​

InterfaceCrudModalBaseProps.title