> For the complete documentation index, see [llms.txt](https://doc.twake.app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.twake.app/internal-documentation/frontend-components/objectmodal.md).

# 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="/files/-MCHzaGTFRBERTnq-no4" alt="Modal example with task editor"></div>