# gd-user-dashboard-import-dialog



<!-- Auto Generated Below -->


## Properties

| Property | Attribute | Description             | Type      | Default |
| -------- | --------- | ----------------------- | --------- | ------- |
| `show`   | `show`    | when to show the dialog | `boolean` | `false` |


## Events

| Event    | Description                             | Type                         |
| -------- | --------------------------------------- | ---------------------------- |
| `closed` | event emitted when the dialog is closed | `CustomEvent<void>`          |
| `import` | event emitted to import items           | `CustomEvent<HistoryItem[]>` |


## Dependencies

### Used by

 - [gd-user-dashboard](../gd-user-dashboard)

### Depends on

- bs-modal
- bs-modal-header
- bs-modal-body
- bs-form-row
- bs-form-group
- bs-form-file
- bs-modal-footer
- bs-button
- bs-spinner

### Graph
```mermaid
graph TD;
  gd-user-dashboard-import-dialog --> bs-modal
  gd-user-dashboard-import-dialog --> bs-modal-header
  gd-user-dashboard-import-dialog --> bs-modal-body
  gd-user-dashboard-import-dialog --> bs-form-row
  gd-user-dashboard-import-dialog --> bs-form-group
  gd-user-dashboard-import-dialog --> bs-form-file
  gd-user-dashboard-import-dialog --> bs-modal-footer
  gd-user-dashboard-import-dialog --> bs-button
  gd-user-dashboard-import-dialog --> bs-spinner
  bs-modal --> bs-modal-dialog
  bs-button --> bs-icon
  gd-user-dashboard --> gd-user-dashboard-import-dialog
  style gd-user-dashboard-import-dialog fill:#f9f,stroke:#333,stroke-width:4px
```

----------------------------------------------

*Built with [StencilJS](https://stenciljs.com/)*
