Interface ModalProps

Properties used in the Modal component.

Hierarchy

Properties

closeOnPressOut? id? onClose? position? show? showBackdrop? transform? transition? visualState?

Properties

Optional closeOnPressOut

closeOnPressOut?: boolean

This property calls the function that changes the status present in "show," and it is triggered when clicking outside the modal.

Example:

<Modal closeOnPressOut={this.myFuncion} />

Optional id

id?: string

"Fills the ID of the element (not very practical)."

Example:

 <View id="id" />

Optional onClose

onClose?: (() => void)

Type declaration

    • (): void

    • This property calls the function that changes the status present in "show," and it is triggered when clicking outside the modal.

      Example

      <Modal onClose={this.myFuncion} />

      Returns void

Optional position

position?: "center" | "bottom"

Sets the position of the modal on the screen. It can be "center" or "bottom."

Example:

<Modal position="center" />

Optional show

show?: boolean

Defines the visibility of the modal window; use a stateful value.

Example:

<Modal show={true} />

Optional showBackdrop

showBackdrop?: boolean

Defines whether the back of the modal will be displayed. This part causes the blocking of interaction with elements behind the modal window.

Example:

<Modal showBackdrop={true} />

Optional transform

transform?: string

"Prepare a position transforming of element"

Example:

 <View transform="rotate(45deg)" />

Optional transition

transition?: string

"Prepare a transition of visual state change"

Example:

 <View transition="background-color 0.5s ease-in-out" />

Optional visualState

visualState?: "success" | "danger" | "warning"

"Determines the visual state of the component and its children."

Example:

 <View visualState="success" />

Settings

Member Visibility

Theme

On This Page