diff --git a/types/react-modal/index.d.ts b/types/react-modal/index.d.ts index 3024717498..d1e12f798d 100644 --- a/types/react-modal/index.d.ts +++ b/types/react-modal/index.d.ts @@ -32,8 +32,12 @@ declare namespace ReactModal { } interface Aria { + /** Defines a string value that labels the current element. */ labelledby?: string; + /** Identifies the element (or elements) that describes the object. */ describedby?: string; + /** Indicates whether an element is modal when displayed. */ + modal?: boolean | 'false' | 'true'; } interface Props { diff --git a/types/react-modal/react-modal-tests.tsx b/types/react-modal/react-modal-tests.tsx index 1b9593df32..96f7c84678 100644 --- a/types/react-modal/react-modal-tests.tsx +++ b/types/react-modal/react-modal-tests.tsx @@ -50,7 +50,8 @@ class ExampleOfUsingReactModal extends React.Component { }; const customAriaVariables = { labelledby: 'labelledby', - describedby: 'describedby' + describedby: 'describedby', + modal: true, }; const customDataVariables = { dataOne: 'one',