.
-
-->
-
-This component displays a dashboard widget item. It is used by default by the DashboardWidget component.
-You can also use it wherever you want.
-
-It has an optional context menu.
-
-## Usage
-
-### All props
-* itemMenu: An object containing context menu entries that will be displayed for each items
-* targetUrl: The item element is a link to this URL.
-* avatarUrl: Where to get the avatar image. Used if avatarUsername is not defined.
-* avatarUsername: Name to provide to the Avatar. Used if avatarUrl is not defined.
-* overlayIconUrl: Small icon to display on the bottom-right corner of the avatar. Optional.
-* mainText
-* subText
-
-### Context menu
-You can optionally pass an object in the "itemMenu" prop to define a context
-menu for each items. Each entry of this object must define "text" and "icon" properties.
-
-When clicking the menu item, an event (named like the itemMenu key) will be emitted to the widget's parent.
-```js static
-const itemMenu = {
- // triggers an event named "markDone" when clicked
- 'markDone': {
- text: t('app', 'Mark as done'),
- icon: 'icon-checkmark',
- },
- // triggers an event named "hide" when clicked
- 'hide': {
- text: t('app', 'Hide'),
- icon: 'icon-toggle',
- }
-}
-```
-
-### Events
-* for each menu item, an event named like its key is emitted with the item as a parameter
-
-## Simplest example
-```vue
-
-
-
-
-
-```
-
-## Complete example
-
-```vue
-
-
-
-
-
-```
-
-