---
description: >-
  A beautiful, centered, medium modal with all you need to structure its
  content.
---

# ObjectModal

#### Usage

```jsx
import ObjectModal from 'components/ObjectModal/ObjectModal.js';
```

```jsx
<ObjectModal
  title={
    <ObjectModalTitle>
      My awesome title !
    </ObjectModalTitle>
  }
  onClose={() => myComponent.closeSomething()}
  disabled
  footer={
    <Button>
      Definitly not usefull
    </Button>
  }
>
  <FirstChild />
  <span>Some text</span>
</ObjectModal>
```

####

#### Props

| **name**     | **Description**                                                | **Type**  | **Default** |
| ------------ | -------------------------------------------------------------- | --------- | ----------- |
| **disabled** | Disable scrollbar X axis (need to rename for a better clarity) | Boolean   | false       |
| **footer**   | Define a footer component                                      | ReactNode | null        |
| **onClose**  | Add close icon in the component, waiting for a function        | Function  | null        |
| **title**    | _Define a title component_                                     | ReactNode | null        |

####

#### Preview

<div align="center"><img src="https://3514651628-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lp7vcxqrLMhIC3gwXlF%2F-MCHSy8EWSfIsnKCrc-7%2F-MCHzaGTFRBERTnq-no4%2FScreenshot%202020-07-15%20at%2017.00.48.png?alt=media&#x26;token=9c6574e0-297f-4853-aba4-f0262a8d062c" alt="Modal example with task editor"></div>

