# gd-user-dashboard-bulk-tag-dialog



<!-- Auto Generated Below -->


## Properties

| Property         | Attribute | Description              | Type       | Default |
| ---------------- | --------- | ------------------------ | ---------- | ------- |
| `historyItemIds` | --        | the history items to tag | `string[]` | `[]`    |
| `show`           | `show`    | when to show the dialog  | `boolean`  | `false` |


## Events

| Event     | Description                             | Type                                                         |
| --------- | --------------------------------------- | ------------------------------------------------------------ |
| `addTags` | event emitted to tag items              | `CustomEvent<{ tags: string[]; historyItemIds: string[]; }>` |
| `closed`  | event emitted when the dialog is closed | `CustomEvent<void>`                                          |


## Dependencies

### Used by

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

### Depends on

- bs-modal
- bs-modal-header
- bs-modal-body
- [gd-tag-input](../gd-tag-input)
- bs-modal-footer
- bs-button

### Graph
```mermaid
graph TD;
  gd-user-dashboard-bulk-tag-dialog --> bs-modal
  gd-user-dashboard-bulk-tag-dialog --> bs-modal-header
  gd-user-dashboard-bulk-tag-dialog --> bs-modal-body
  gd-user-dashboard-bulk-tag-dialog --> gd-tag-input
  gd-user-dashboard-bulk-tag-dialog --> bs-modal-footer
  gd-user-dashboard-bulk-tag-dialog --> bs-button
  bs-modal --> bs-modal-dialog
  bs-button --> bs-icon
  gd-user-dashboard --> gd-user-dashboard-bulk-tag-dialog
  style gd-user-dashboard-bulk-tag-dialog fill:#f9f,stroke:#333,stroke-width:4px
```

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

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