Files
workavia-drive/Documentation/docs/internal-documentation/frontend-components/objectmodal
montaghanmy 10fe6f78d1 feat: init
2023-03-23 11:03:16 +01:00
..
2023-03-23 11:03:16 +01:00
2023-03-23 11:03:16 +01:00
2023-03-23 11:03:16 +01:00
2023-03-23 11:03:16 +01:00
2023-03-23 11:03:16 +01:00

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

ObjectModal

Usage

import ObjectModal from "components/ObjectModal/ObjectModal.js";
<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

Modal example with task editor