@ebay/ui-core-react/ebay-fullscreen-dialog-deprecated/README.md

Skin components build off React

# EbayFullscreenDialogDeprecated

**Deprecated will be removed next major** (Use `EbayLightboxDialog` instead)

## Demo

[Storybook](https://opensource.ebay.com/ebayui-core-react/main/?path=/story/deprecated-ebay-fullscreen-dialog-deprecated--default)

## Usage

```jsx
<EbayFullscreenDialogDeprecated open a11yClosetext = "Close">
    <EbayDialogHeader>Heading</EbayDialogHeader>
    <p>Body content</p>
    <EbayDialogFooter>Heading</EbayDialogHeader>
</EbayFullscreenDialogDeprecated>
```

## Attributes

| Name            | Type    | Stateful | Required | Description                                                                                     |
| --------------- | ------- | -------- | -------- | ----------------------------------------------------------------------------------------------- |
| `open`          | Boolean | Yes      | No       | Whether dialog is open.                                                                         |
| `focus`         | String  | No       | No       | An id for an element which will receive focus when the drawer opens (defaults to close button). |
| `a11yCloseText` | String  | No       | Yes      | A11y text for close button and mask.                                                            |
| `animated`      | Boolean | Yes      | No       | Renders the dialog with an animation. Note that the dialog will always be present in the DOM    |

## Events

| Event     | Data | Description                      |
| --------- | ---- | -------------------------------- |
| `onOpen`  |      | Trigggered when dialog is opened |
| `onClose` |      | Triggered when dialog is closed  |

## EbayDialogHeader

Will render a header content for fullscreen dialog. Will always render the header element even if this is not present

## EbayDialogFooter

Will render the footer content for fullscreen dialog. If not present then will not have any footer.