@awes-io/ui 2.142.3 → 2.144.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (264) hide show
  1. package/assets/css/components/_index.css +7 -1
  2. package/assets/css/components/action-card.css +1 -0
  3. package/assets/css/components/action-icon.css +2 -2
  4. package/assets/css/components/alert.css +28 -22
  5. package/assets/css/components/animation.css +52 -32
  6. package/assets/css/components/badge.css +1 -0
  7. package/assets/css/components/banner-text.css +15 -4
  8. package/assets/css/components/card.css +0 -1
  9. package/assets/css/components/content-placeholder.css +104 -0
  10. package/assets/css/components/dropdown.css +20 -7
  11. package/assets/css/components/empty-container.css +69 -1
  12. package/assets/css/components/filter-chosen.css +6 -0
  13. package/assets/css/components/filter-date-range.css +17 -1
  14. package/assets/css/components/filter-month.css +23 -17
  15. package/assets/css/components/filter-select.css +11 -0
  16. package/assets/css/components/icon-menu-item.css +12 -7
  17. package/assets/css/components/layout.css +1 -32
  18. package/assets/css/components/mobile-menu-nav.css +8 -4
  19. package/assets/css/components/modal.css +1 -1
  20. package/assets/css/components/number.css +12 -0
  21. package/assets/css/components/page-aside.css +54 -0
  22. package/assets/css/components/text-field.css +4 -0
  23. package/assets/js/css.js +1 -1
  24. package/assets/js/icons/mono.js +59 -91
  25. package/assets/js/icons/multicolor.js +1 -31
  26. package/components/1_atoms/AwActionIcon.vue +11 -2
  27. package/components/1_atoms/AwContentPlaceholder.vue +60 -0
  28. package/components/1_atoms/AwFlow.vue +37 -49
  29. package/components/1_atoms/AwGrid.vue +11 -3
  30. package/components/1_atoms/AwIcon/AwIcon.vue +5 -3
  31. package/components/1_atoms/AwIcon/AwIconSystemMono.vue +3 -2
  32. package/components/1_atoms/AwInput.vue +2 -2
  33. package/components/1_atoms/AwLabel.vue +1 -1
  34. package/components/1_atoms/AwList.vue +3 -1
  35. package/components/1_atoms/AwRadio.vue +1 -1
  36. package/components/1_atoms/AwSlider.vue +15 -1
  37. package/components/1_atoms/AwTag.vue +6 -1
  38. package/components/2_molecules/AwAlert.vue +63 -42
  39. package/components/2_molecules/AwBadge.vue +1 -1
  40. package/components/2_molecules/AwBannerText.vue +8 -2
  41. package/components/2_molecules/AwButton.vue +1 -1
  42. package/components/2_molecules/AwDescriptionInput.vue +19 -1
  43. package/components/2_molecules/AwEmptyContainer.vue +74 -72
  44. package/components/2_molecules/AwNumber.vue +180 -0
  45. package/components/2_molecules/AwSelect.vue +11 -4
  46. package/components/3_organisms/AwBottomBar.vue +22 -4
  47. package/components/3_organisms/AwFilterChosen.vue +73 -0
  48. package/components/3_organisms/AwFilterDateRange.vue +177 -0
  49. package/components/3_organisms/AwFilterMonth.vue +37 -40
  50. package/components/3_organisms/AwFilterSelect.vue +368 -0
  51. package/components/3_organisms/AwMultiBlockBuilder.vue +1 -1
  52. package/components/3_organisms/AwSubnav.vue +11 -1
  53. package/components/3_organisms/AwTable/AwTableBuilder.vue +20 -60
  54. package/components/3_organisms/AwTable/_AwTableCellDropdown.vue +6 -1
  55. package/components/3_organisms/AwTable/_AwTableRow.vue +2 -1
  56. package/components/4_pages/AwPage.vue +1 -0
  57. package/components/4_pages/AwPageAside.vue +108 -0
  58. package/components/5_layouts/AwLayoutCenter.vue +3 -8
  59. package/components/5_layouts/_AwMenuItemIcon.vue +9 -2
  60. package/components/5_layouts/_AwMobileMenuItem.vue +5 -3
  61. package/components/5_layouts/_AwUserMenu.vue +1 -1
  62. package/components/_config.js +26 -1
  63. package/docs/_template.md +80 -0
  64. package/docs/components/atoms/aw-accordion-fold.md +129 -0
  65. package/docs/components/atoms/aw-action-card-body.md +99 -0
  66. package/docs/components/atoms/aw-action-card.md +130 -0
  67. package/docs/components/atoms/aw-action-icon.md +126 -0
  68. package/docs/components/atoms/aw-avatar.md +106 -0
  69. package/docs/components/atoms/aw-card.md +137 -0
  70. package/docs/components/atoms/aw-checkbox.md +288 -0
  71. package/docs/components/atoms/aw-content-placeholder.md +147 -0
  72. package/docs/components/atoms/aw-description.md +83 -0
  73. package/docs/components/atoms/aw-dock.md +90 -0
  74. package/docs/components/atoms/aw-dropdown-button.md +94 -0
  75. package/docs/components/atoms/aw-dropdown.md +178 -0
  76. package/docs/components/atoms/aw-file.md +73 -0
  77. package/docs/components/atoms/aw-flow.md +140 -0
  78. package/docs/components/atoms/aw-grid.md +109 -0
  79. package/docs/components/atoms/aw-headline.md +71 -0
  80. package/docs/components/atoms/aw-icon-system-color.md +122 -0
  81. package/docs/components/atoms/aw-icon-system-mono.md +206 -0
  82. package/docs/components/atoms/aw-icon.md +235 -0
  83. package/docs/components/atoms/aw-info.md +123 -0
  84. package/docs/components/atoms/aw-input.md +212 -0
  85. package/docs/components/atoms/aw-label.md +136 -0
  86. package/docs/components/atoms/aw-link.md +151 -0
  87. package/docs/components/atoms/aw-list.md +152 -0
  88. package/docs/components/atoms/aw-progress.md +119 -0
  89. package/docs/components/atoms/aw-radio.md +182 -0
  90. package/docs/components/atoms/aw-refresh-wrapper.md +81 -0
  91. package/docs/components/atoms/aw-select-native.md +234 -0
  92. package/docs/components/atoms/aw-slider.md +189 -0
  93. package/docs/components/atoms/aw-sub-headline.md +73 -0
  94. package/docs/components/atoms/aw-switcher.md +192 -0
  95. package/docs/components/atoms/aw-tag.md +144 -0
  96. package/docs/components/atoms/aw-title.md +70 -0
  97. package/docs/components/atoms/aw-toggler.md +90 -0
  98. package/docs/components/layouts/aw-layout-center.md +168 -0
  99. package/docs/components/layouts/aw-layout-error.md +153 -0
  100. package/docs/components/layouts/aw-layout-provider.md +238 -0
  101. package/docs/components/layouts/aw-layout.md +88 -0
  102. package/docs/components/molecules/aw-action-button.md +138 -0
  103. package/docs/components/molecules/aw-alert.md +191 -0
  104. package/docs/components/molecules/aw-badge.md +129 -0
  105. package/docs/components/molecules/aw-banner-text.md +156 -0
  106. package/docs/components/molecules/aw-button-nav.md +111 -0
  107. package/docs/components/molecules/aw-button.md +193 -0
  108. package/docs/components/molecules/aw-description-input.md +124 -0
  109. package/docs/components/molecules/aw-empty-container.md +235 -0
  110. package/docs/components/molecules/aw-island.md +506 -0
  111. package/docs/components/molecules/aw-number.md +138 -0
  112. package/docs/components/molecules/aw-select-object.md +401 -0
  113. package/docs/components/molecules/aw-select.md +215 -0
  114. package/docs/components/molecules/aw-tab-nav.md +108 -0
  115. package/docs/components/molecules/aw-tel.md +129 -0
  116. package/docs/components/molecules/aw-textarea.md +83 -0
  117. package/docs/components/molecules/aw-userpic.md +115 -0
  118. package/docs/components/organisms/aw-address-block.md +64 -0
  119. package/docs/components/organisms/aw-address.md +132 -0
  120. package/docs/components/organisms/aw-birthday-picker.md +73 -0
  121. package/docs/components/organisms/aw-bottom-bar.md +66 -0
  122. package/docs/components/organisms/aw-calendar-days.md +115 -0
  123. package/docs/components/organisms/aw-calendar-nav.md +98 -0
  124. package/docs/components/organisms/aw-calendar-view.md +98 -0
  125. package/docs/components/organisms/aw-calendar.md +166 -0
  126. package/docs/components/organisms/aw-chart.md +154 -0
  127. package/docs/components/organisms/aw-chip-select.md +164 -0
  128. package/docs/components/organisms/aw-chip.md +126 -0
  129. package/docs/components/organisms/aw-code-snippet.md +94 -0
  130. package/docs/components/organisms/aw-code.md +132 -0
  131. package/docs/components/organisms/aw-context-menu.md +117 -0
  132. package/docs/components/organisms/aw-cropper.md +151 -0
  133. package/docs/components/organisms/aw-date.md +161 -0
  134. package/docs/components/organisms/aw-display-date.md +33 -0
  135. package/docs/components/organisms/aw-download-link.md +46 -0
  136. package/docs/components/organisms/aw-fetch-data.md +161 -0
  137. package/docs/components/organisms/aw-filter-chosen.md +226 -0
  138. package/docs/components/organisms/aw-filter-date-range.md +205 -0
  139. package/docs/components/organisms/aw-filter-month.md +43 -0
  140. package/docs/components/organisms/aw-filter-select.md +239 -0
  141. package/docs/components/organisms/aw-form.md +174 -0
  142. package/docs/components/organisms/aw-gmap-marker.md +86 -0
  143. package/docs/components/organisms/aw-gmap.md +90 -0
  144. package/docs/components/organisms/aw-image-upload.md +56 -0
  145. package/docs/components/organisms/aw-island-avatar.md +87 -0
  146. package/docs/components/organisms/aw-markdown-editor.md +104 -0
  147. package/docs/components/organisms/aw-modal-buttons.md +57 -0
  148. package/docs/components/organisms/aw-modal.md +246 -0
  149. package/docs/components/organisms/aw-model-edit.md +74 -0
  150. package/docs/components/organisms/aw-money.md +53 -0
  151. package/docs/components/organisms/aw-multi-block-builder.md +165 -0
  152. package/docs/components/organisms/aw-pagination.md +121 -0
  153. package/docs/components/organisms/aw-password.md +103 -0
  154. package/docs/components/organisms/aw-preview-card.md +45 -0
  155. package/docs/components/organisms/aw-search.md +116 -0
  156. package/docs/components/organisms/aw-subnav.md +122 -0
  157. package/docs/components/organisms/aw-table-builder.md +165 -0
  158. package/docs/components/organisms/aw-table-col.md +123 -0
  159. package/docs/components/organisms/aw-table-head.md +92 -0
  160. package/docs/components/organisms/aw-table-row.md +91 -0
  161. package/docs/components/organisms/aw-table.md +172 -0
  162. package/docs/components/organisms/aw-tags.md +54 -0
  163. package/docs/components/organisms/aw-toggle-show-aside.md +43 -0
  164. package/docs/components/organisms/aw-uploader-files.md +125 -0
  165. package/docs/components/organisms/aw-uploader.md +163 -0
  166. package/docs/components/organisms/aw-user-menu.md +87 -0
  167. package/docs/components/pages/aw-page-aside.md +296 -0
  168. package/docs/components/pages/aw-page-menu-buttons.md +172 -0
  169. package/docs/components/pages/aw-page-modal.md +198 -0
  170. package/docs/components/pages/aw-page-single.md +300 -0
  171. package/docs/components/pages/aw-page.md +194 -0
  172. package/docs/configuration.md +493 -0
  173. package/docs/cookbook/advanced-patterns.md +1388 -0
  174. package/docs/cookbook/common-patterns.md +965 -0
  175. package/docs/cookbook/index.md +786 -0
  176. package/docs/getting-started.md +596 -0
  177. package/docs/guides/best-practices.md +1106 -0
  178. package/docs/guides/data-fetching.md +852 -0
  179. package/docs/guides/error-handling.md +1172 -0
  180. package/docs/guides/forms-guide.md +1329 -0
  181. package/docs/guides/mobile-subnavigation.md +359 -0
  182. package/docs/guides/page-patterns/aside-pages.md +1418 -0
  183. package/docs/guides/page-patterns/dashboard-pages.md +990 -0
  184. package/docs/guides/page-patterns/detail-pages.md +1556 -0
  185. package/docs/guides/page-patterns/list-pages.md +1242 -0
  186. package/docs/index.md +263 -1
  187. package/docs/integrations.md +870 -0
  188. package/docs/reference/colors.md +232 -0
  189. package/docs/reference/icons.md +163 -0
  190. package/docs/reference/menu.md +462 -0
  191. package/docs/reference/plugins.md +970 -0
  192. package/docs/reference/troubleshooting.md +964 -0
  193. package/nuxt/awes.config.js +9 -8
  194. package/nuxt/index.js +2 -2
  195. package/nuxt/pages/more.vue +1 -1
  196. package/package.json +5 -3
  197. package/readme.md +171 -1
  198. package/store/awesIo.js +11 -0
  199. package/CHANGELOG.md +0 -4520
  200. package/docs/aw-accordion-fold.md +0 -46
  201. package/docs/aw-address.md +0 -44
  202. package/docs/aw-avatar.md +0 -51
  203. package/docs/aw-badge.md +0 -32
  204. package/docs/aw-button-nav.md +0 -44
  205. package/docs/aw-button.md +0 -50
  206. package/docs/aw-calendar-days.md +0 -46
  207. package/docs/aw-calendar-nav.md +0 -25
  208. package/docs/aw-calendar-view.md +0 -12
  209. package/docs/aw-calendar.md +0 -59
  210. package/docs/aw-card.md +0 -48
  211. package/docs/aw-chart.md +0 -51
  212. package/docs/aw-checkbox.md +0 -56
  213. package/docs/aw-chip-select.md +0 -46
  214. package/docs/aw-chip.md +0 -53
  215. package/docs/aw-code-snippet.md +0 -18
  216. package/docs/aw-code.md +0 -56
  217. package/docs/aw-content-wrapper.md +0 -40
  218. package/docs/aw-context-menu.md +0 -31
  219. package/docs/aw-cropper.md +0 -60
  220. package/docs/aw-dashboard-card.md +0 -37
  221. package/docs/aw-dashboard-donut.md +0 -30
  222. package/docs/aw-dashboard-line.md +0 -20
  223. package/docs/aw-dashboard-progress.md +0 -33
  224. package/docs/aw-dashboard-section.md +0 -32
  225. package/docs/aw-dashboard-speed.md +0 -30
  226. package/docs/aw-date.md +0 -52
  227. package/docs/aw-dropdown-button.md +0 -31
  228. package/docs/aw-dropdown.md +0 -69
  229. package/docs/aw-fetch-data.md +0 -45
  230. package/docs/aw-form.md +0 -52
  231. package/docs/aw-grid.md +0 -48
  232. package/docs/aw-icon.md +0 -50
  233. package/docs/aw-info.md +0 -53
  234. package/docs/aw-input.md +0 -55
  235. package/docs/aw-layout-default.md +0 -30
  236. package/docs/aw-layout-frame-center.md +0 -29
  237. package/docs/aw-layout-simple.md +0 -49
  238. package/docs/aw-link.md +0 -54
  239. package/docs/aw-markdown-editor.md +0 -51
  240. package/docs/aw-modal.md +0 -63
  241. package/docs/aw-multi-block-builder.md +0 -66
  242. package/docs/aw-page.md +0 -36
  243. package/docs/aw-pagination.md +0 -54
  244. package/docs/aw-password.md +0 -48
  245. package/docs/aw-radio.md +0 -54
  246. package/docs/aw-search.md +0 -49
  247. package/docs/aw-select.md +0 -93
  248. package/docs/aw-slider.md +0 -40
  249. package/docs/aw-svg-image.md +0 -19
  250. package/docs/aw-switcher.md +0 -51
  251. package/docs/aw-tab-nav.md +0 -55
  252. package/docs/aw-table-builder.md +0 -58
  253. package/docs/aw-table-col.md +0 -33
  254. package/docs/aw-table-head.md +0 -28
  255. package/docs/aw-table-row.md +0 -33
  256. package/docs/aw-table.md +0 -59
  257. package/docs/aw-tel.md +0 -47
  258. package/docs/aw-textarea.md +0 -47
  259. package/docs/aw-toggler.md +0 -41
  260. package/docs/aw-uploader-files.md +0 -20
  261. package/docs/aw-uploader.md +0 -60
  262. package/docs/aw-user-menu.md +0 -34
  263. package/docs/aw-userpic.md +0 -34
  264. /package/components/{3_organisms → 2_molecules}/AwTel.vue +0 -0
@@ -1,47 +0,0 @@
1
- ---
2
- metaTitle: Textarea сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The <AwTextarea /> component is used to render Textarea - UI Vue component for Awes.io.
6
- title: Textarea
7
- ---
8
- # Textarea
9
-
10
- The `AwTextarea` component is used to render Textarea.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwTextarea`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-input&module=%2Fpages%2Faw-input.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwTextarea` component.
30
- <!-- @vuese:AwTextarea:props:start -->
31
-
32
- <!-- @vuese:AwTextarea:props:end -->
33
-
34
- ### Slots
35
- Below is a collection of Vue **slots** for the `AwTextarea` component.
36
- <!-- @vuese:AwTextarea:slots:start -->
37
- |Name|Description|Default Slot Content|
38
- |---|---|---|
39
- |error|-|-|
40
-
41
- <!-- @vuese:AwTextarea:slots:end -->
42
-
43
- ### Events
44
- Below is a collection of Vue **events** for the `AwTextarea` component.
45
- <!-- @vuese:AwTextarea:events:start -->
46
-
47
- <!-- @vuese:AwTextarea:events:end -->
@@ -1,41 +0,0 @@
1
- ---
2
- metaTitle: Toggler сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwToggler /&gt; component is used to render Toggler - UI Vue component for Awes.io.
6
- title: Toggler
7
- ---
8
-
9
- # AwToggler
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwToggler:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |show|Indicates if toggler is open or closed|`Boolean`|`false`|-|
17
-
18
- <!-- @vuese:AwToggler:props:end -->
19
-
20
-
21
- ## Events
22
-
23
- <!-- @vuese:AwToggler:events:start -->
24
- |Event Name|Description|Parameters|
25
- |---|---|---|
26
- |open|Fire when the toggler is opened|-|
27
- |close|Fire when the toggler is closed|-|
28
-
29
- <!-- @vuese:AwToggler:events:end -->
30
-
31
-
32
- ## Slots
33
-
34
- <!-- @vuese:AwToggler:slots:start -->
35
- |Name|Description|Default Slot Content|
36
- |---|---|---|
37
- |default|Content passed to component|-|
38
-
39
- <!-- @vuese:AwToggler:slots:end -->
40
-
41
-
@@ -1,20 +0,0 @@
1
- ---
2
- metaTitle: UploaderFiles сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwUploaderFiles /&gt; component is used to render UploaderFiles - UI Vue component for Awes.io.
6
- title: UploaderFiles
7
- ---
8
-
9
- # AwUploaderFiles
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwUploaderFiles:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |files|-|`Array`|`false`|[]|
17
- |removeFile|-|`Function`|`true`|-|
18
-
19
- <!-- @vuese:AwUploaderFiles:props:end -->
20
-
@@ -1,60 +0,0 @@
1
- ---
2
- metaTitle: Uploader сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwUploader /&gt; component is used to render Uploader - UI Vue component for Awes.io.
6
- title: Uploader
7
- ---
8
- # Uploader
9
-
10
- The `AwUploader` component is used to render Uploader.
11
-
12
-
13
- ## Usage
14
- Several examples how you can use `AwUploader`.
15
-
16
- ### Live Example
17
- <iframe
18
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-uploader&module=%2Fpages%2Faw-uploader.vue&theme=dark&view=editor'
19
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
20
- title='basic-ui'
21
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
22
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
23
- ></iframe>
24
-
25
- ## API
26
- Select your desired component from below and see the available props, slots, events and functions.
27
-
28
- ### Props
29
- Below is a collection of Vue **props** for the `AwUploader` component.
30
- <!-- @vuese:AwUploader:props:start -->
31
- |Name|Description|Type|Required|Default|
32
- |---|---|---|---|---|
33
- |url|API url, where the files will be sent|`String`|`true`|-|
34
- |name|form input[type="file"] field name|`String`|`false`|file|
35
- |format|Array of available formats|`Array`|`false`|[]|
36
- |max|Max file size in Mb|`Number`|`false`|2|
37
- |multiple|Allow multiple file upload|`Boolean`|`false`|-|
38
-
39
- <!-- @vuese:AwUploader:props:end -->
40
-
41
- ### Slots
42
- Below is a collection of Vue **slots** for the `AwUploader` component.
43
- <!-- @vuese:AwUploader:slots:start -->
44
- |Name|Description|Default Slot Content|
45
- |---|---|---|
46
- |drag-over|Content inside uploader area. Passes `dragOver<Boolean>` prop, that shows if draggin file above|Icon and text|
47
-
48
- <!-- @vuese:AwUploader:slots:end -->
49
-
50
- ### Events
51
- Below is a collection of Vue **events** for the `AwUploader` component.
52
- <!-- @vuese:AwUploader:events:start -->
53
- |Event Name|Description|Parameters|
54
- |---|---|---|
55
- |start|Fire on upload start, when browser validation is passed|{ id: <Number>, file: <String>, loading: <Boolean>, progress: <Number>, cancel: <Function> }|
56
- |finish|Fire on upload start, when browser validation is passed|id <Number> response <axios success response>|
57
- |error|Fire on upload start, when browser validation is passed|id <Number> response <axios error response>|
58
- |progress|Fire on upload start, when browser validation is passed|{ id: <Number>, file: <String>, loading: <Boolean>, progress: <Number>, cancel: <Function> }|
59
-
60
- <!-- @vuese:AwUploader:events:end -->
@@ -1,34 +0,0 @@
1
- ---
2
- metaTitle: UserMenu сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwUserMenu /&gt; component is used to render UserMenu - UI Vue component for Awes.io.
6
- title: UserMenu
7
- ---
8
-
9
- # AwUserMenu
10
-
11
- ## Props
12
-
13
- <!-- @vuese:AwUserMenu:props:start -->
14
- |Name|Description|Type|Required|Default|
15
- |---|---|---|---|---|
16
- |avatar|Path to user avatar image|`String`|`false`|-|
17
- |name|User name|`String`|`false`|-|
18
- |info|Additional info under user name|`String`|`false`|-|
19
- |darkTheme|Is dark mode enabled (for internal use)|`Boolean`|`false`|-|
20
-
21
- <!-- @vuese:AwUserMenu:props:end -->
22
-
23
-
24
- ## Slots
25
-
26
- <!-- @vuese:AwUserMenu:slots:start -->
27
- |Name|Description|Default Slot Content|
28
- |---|---|---|
29
- |default|-|-|
30
- |default|-|-|
31
-
32
- <!-- @vuese:AwUserMenu:slots:end -->
33
-
34
-
@@ -1,34 +0,0 @@
1
- ---
2
- metaTitle: Userpic сomponent | Awes.io
3
- meta:
4
- - name: description
5
- content: The &lt;AwUserpic /&gt; component is used to render Userpic - UI Vue component for Awes.io.
6
- title: Userpic
7
- ---
8
-
9
- # AwUserpic
10
-
11
- ## Usage
12
- Several examples how you can use `AwUserpic`.
13
-
14
- ### Live Example
15
- <iframe
16
- src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-userpic&module=%2Fpages%2Faw-userpic.vue&theme=dark&view=editor'
17
- style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
18
- title='basic-ui'
19
- allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
20
- sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
21
- ></iframe>
22
-
23
- ## Props
24
-
25
- <!-- @vuese:AwUserpic:props:start -->
26
- |Name|Description|Type|Required|Default|
27
- |---|---|---|---|---|
28
- |src|Full URL to the picture|`String`|`false`|-|
29
- |name|User name|`String`|`false`|-|
30
- |hideName|It's hide the user name. The size of the image will be bigger.|`Boolean`|`false`|-|
31
- |description|text under name|`String`|`false`|-|
32
- |bigImage|If true - the size of the image will be bigger|`Boolean`|`false`|-|
33
-
34
- <!-- @vuese:AwUserpic:props:end -->