@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.
- package/assets/css/components/_index.css +7 -1
- package/assets/css/components/action-card.css +1 -0
- package/assets/css/components/action-icon.css +2 -2
- package/assets/css/components/alert.css +28 -22
- package/assets/css/components/animation.css +52 -32
- package/assets/css/components/badge.css +1 -0
- package/assets/css/components/banner-text.css +15 -4
- package/assets/css/components/card.css +0 -1
- package/assets/css/components/content-placeholder.css +104 -0
- package/assets/css/components/dropdown.css +20 -7
- package/assets/css/components/empty-container.css +69 -1
- package/assets/css/components/filter-chosen.css +6 -0
- package/assets/css/components/filter-date-range.css +17 -1
- package/assets/css/components/filter-month.css +23 -17
- package/assets/css/components/filter-select.css +11 -0
- package/assets/css/components/icon-menu-item.css +12 -7
- package/assets/css/components/layout.css +1 -32
- package/assets/css/components/mobile-menu-nav.css +8 -4
- package/assets/css/components/modal.css +1 -1
- package/assets/css/components/number.css +12 -0
- package/assets/css/components/page-aside.css +54 -0
- package/assets/css/components/text-field.css +4 -0
- package/assets/js/css.js +1 -1
- package/assets/js/icons/mono.js +59 -91
- package/assets/js/icons/multicolor.js +1 -31
- package/components/1_atoms/AwActionIcon.vue +11 -2
- package/components/1_atoms/AwContentPlaceholder.vue +60 -0
- package/components/1_atoms/AwFlow.vue +37 -49
- package/components/1_atoms/AwGrid.vue +11 -3
- package/components/1_atoms/AwIcon/AwIcon.vue +5 -3
- package/components/1_atoms/AwIcon/AwIconSystemMono.vue +3 -2
- package/components/1_atoms/AwInput.vue +2 -2
- package/components/1_atoms/AwLabel.vue +1 -1
- package/components/1_atoms/AwList.vue +3 -1
- package/components/1_atoms/AwRadio.vue +1 -1
- package/components/1_atoms/AwSlider.vue +15 -1
- package/components/1_atoms/AwTag.vue +6 -1
- package/components/2_molecules/AwAlert.vue +63 -42
- package/components/2_molecules/AwBadge.vue +1 -1
- package/components/2_molecules/AwBannerText.vue +8 -2
- package/components/2_molecules/AwButton.vue +1 -1
- package/components/2_molecules/AwDescriptionInput.vue +19 -1
- package/components/2_molecules/AwEmptyContainer.vue +74 -72
- package/components/2_molecules/AwNumber.vue +180 -0
- package/components/2_molecules/AwSelect.vue +11 -4
- package/components/3_organisms/AwBottomBar.vue +22 -4
- package/components/3_organisms/AwFilterChosen.vue +73 -0
- package/components/3_organisms/AwFilterDateRange.vue +177 -0
- package/components/3_organisms/AwFilterMonth.vue +37 -40
- package/components/3_organisms/AwFilterSelect.vue +368 -0
- package/components/3_organisms/AwMultiBlockBuilder.vue +1 -1
- package/components/3_organisms/AwSubnav.vue +11 -1
- package/components/3_organisms/AwTable/AwTableBuilder.vue +20 -60
- package/components/3_organisms/AwTable/_AwTableCellDropdown.vue +6 -1
- package/components/3_organisms/AwTable/_AwTableRow.vue +2 -1
- package/components/4_pages/AwPage.vue +1 -0
- package/components/4_pages/AwPageAside.vue +108 -0
- package/components/5_layouts/AwLayoutCenter.vue +3 -8
- package/components/5_layouts/_AwMenuItemIcon.vue +9 -2
- package/components/5_layouts/_AwMobileMenuItem.vue +5 -3
- package/components/5_layouts/_AwUserMenu.vue +1 -1
- package/components/_config.js +26 -1
- package/docs/_template.md +80 -0
- package/docs/components/atoms/aw-accordion-fold.md +129 -0
- package/docs/components/atoms/aw-action-card-body.md +99 -0
- package/docs/components/atoms/aw-action-card.md +130 -0
- package/docs/components/atoms/aw-action-icon.md +126 -0
- package/docs/components/atoms/aw-avatar.md +106 -0
- package/docs/components/atoms/aw-card.md +137 -0
- package/docs/components/atoms/aw-checkbox.md +288 -0
- package/docs/components/atoms/aw-content-placeholder.md +147 -0
- package/docs/components/atoms/aw-description.md +83 -0
- package/docs/components/atoms/aw-dock.md +90 -0
- package/docs/components/atoms/aw-dropdown-button.md +94 -0
- package/docs/components/atoms/aw-dropdown.md +178 -0
- package/docs/components/atoms/aw-file.md +73 -0
- package/docs/components/atoms/aw-flow.md +140 -0
- package/docs/components/atoms/aw-grid.md +109 -0
- package/docs/components/atoms/aw-headline.md +71 -0
- package/docs/components/atoms/aw-icon-system-color.md +122 -0
- package/docs/components/atoms/aw-icon-system-mono.md +206 -0
- package/docs/components/atoms/aw-icon.md +235 -0
- package/docs/components/atoms/aw-info.md +123 -0
- package/docs/components/atoms/aw-input.md +212 -0
- package/docs/components/atoms/aw-label.md +136 -0
- package/docs/components/atoms/aw-link.md +151 -0
- package/docs/components/atoms/aw-list.md +152 -0
- package/docs/components/atoms/aw-progress.md +119 -0
- package/docs/components/atoms/aw-radio.md +182 -0
- package/docs/components/atoms/aw-refresh-wrapper.md +81 -0
- package/docs/components/atoms/aw-select-native.md +234 -0
- package/docs/components/atoms/aw-slider.md +189 -0
- package/docs/components/atoms/aw-sub-headline.md +73 -0
- package/docs/components/atoms/aw-switcher.md +192 -0
- package/docs/components/atoms/aw-tag.md +144 -0
- package/docs/components/atoms/aw-title.md +70 -0
- package/docs/components/atoms/aw-toggler.md +90 -0
- package/docs/components/layouts/aw-layout-center.md +168 -0
- package/docs/components/layouts/aw-layout-error.md +153 -0
- package/docs/components/layouts/aw-layout-provider.md +238 -0
- package/docs/components/layouts/aw-layout.md +88 -0
- package/docs/components/molecules/aw-action-button.md +138 -0
- package/docs/components/molecules/aw-alert.md +191 -0
- package/docs/components/molecules/aw-badge.md +129 -0
- package/docs/components/molecules/aw-banner-text.md +156 -0
- package/docs/components/molecules/aw-button-nav.md +111 -0
- package/docs/components/molecules/aw-button.md +193 -0
- package/docs/components/molecules/aw-description-input.md +124 -0
- package/docs/components/molecules/aw-empty-container.md +235 -0
- package/docs/components/molecules/aw-island.md +506 -0
- package/docs/components/molecules/aw-number.md +138 -0
- package/docs/components/molecules/aw-select-object.md +401 -0
- package/docs/components/molecules/aw-select.md +215 -0
- package/docs/components/molecules/aw-tab-nav.md +108 -0
- package/docs/components/molecules/aw-tel.md +129 -0
- package/docs/components/molecules/aw-textarea.md +83 -0
- package/docs/components/molecules/aw-userpic.md +115 -0
- package/docs/components/organisms/aw-address-block.md +64 -0
- package/docs/components/organisms/aw-address.md +132 -0
- package/docs/components/organisms/aw-birthday-picker.md +73 -0
- package/docs/components/organisms/aw-bottom-bar.md +66 -0
- package/docs/components/organisms/aw-calendar-days.md +115 -0
- package/docs/components/organisms/aw-calendar-nav.md +98 -0
- package/docs/components/organisms/aw-calendar-view.md +98 -0
- package/docs/components/organisms/aw-calendar.md +166 -0
- package/docs/components/organisms/aw-chart.md +154 -0
- package/docs/components/organisms/aw-chip-select.md +164 -0
- package/docs/components/organisms/aw-chip.md +126 -0
- package/docs/components/organisms/aw-code-snippet.md +94 -0
- package/docs/components/organisms/aw-code.md +132 -0
- package/docs/components/organisms/aw-context-menu.md +117 -0
- package/docs/components/organisms/aw-cropper.md +151 -0
- package/docs/components/organisms/aw-date.md +161 -0
- package/docs/components/organisms/aw-display-date.md +33 -0
- package/docs/components/organisms/aw-download-link.md +46 -0
- package/docs/components/organisms/aw-fetch-data.md +161 -0
- package/docs/components/organisms/aw-filter-chosen.md +226 -0
- package/docs/components/organisms/aw-filter-date-range.md +205 -0
- package/docs/components/organisms/aw-filter-month.md +43 -0
- package/docs/components/organisms/aw-filter-select.md +239 -0
- package/docs/components/organisms/aw-form.md +174 -0
- package/docs/components/organisms/aw-gmap-marker.md +86 -0
- package/docs/components/organisms/aw-gmap.md +90 -0
- package/docs/components/organisms/aw-image-upload.md +56 -0
- package/docs/components/organisms/aw-island-avatar.md +87 -0
- package/docs/components/organisms/aw-markdown-editor.md +104 -0
- package/docs/components/organisms/aw-modal-buttons.md +57 -0
- package/docs/components/organisms/aw-modal.md +246 -0
- package/docs/components/organisms/aw-model-edit.md +74 -0
- package/docs/components/organisms/aw-money.md +53 -0
- package/docs/components/organisms/aw-multi-block-builder.md +165 -0
- package/docs/components/organisms/aw-pagination.md +121 -0
- package/docs/components/organisms/aw-password.md +103 -0
- package/docs/components/organisms/aw-preview-card.md +45 -0
- package/docs/components/organisms/aw-search.md +116 -0
- package/docs/components/organisms/aw-subnav.md +122 -0
- package/docs/components/organisms/aw-table-builder.md +165 -0
- package/docs/components/organisms/aw-table-col.md +123 -0
- package/docs/components/organisms/aw-table-head.md +92 -0
- package/docs/components/organisms/aw-table-row.md +91 -0
- package/docs/components/organisms/aw-table.md +172 -0
- package/docs/components/organisms/aw-tags.md +54 -0
- package/docs/components/organisms/aw-toggle-show-aside.md +43 -0
- package/docs/components/organisms/aw-uploader-files.md +125 -0
- package/docs/components/organisms/aw-uploader.md +163 -0
- package/docs/components/organisms/aw-user-menu.md +87 -0
- package/docs/components/pages/aw-page-aside.md +296 -0
- package/docs/components/pages/aw-page-menu-buttons.md +172 -0
- package/docs/components/pages/aw-page-modal.md +198 -0
- package/docs/components/pages/aw-page-single.md +300 -0
- package/docs/components/pages/aw-page.md +194 -0
- package/docs/configuration.md +493 -0
- package/docs/cookbook/advanced-patterns.md +1388 -0
- package/docs/cookbook/common-patterns.md +965 -0
- package/docs/cookbook/index.md +786 -0
- package/docs/getting-started.md +596 -0
- package/docs/guides/best-practices.md +1106 -0
- package/docs/guides/data-fetching.md +852 -0
- package/docs/guides/error-handling.md +1172 -0
- package/docs/guides/forms-guide.md +1329 -0
- package/docs/guides/mobile-subnavigation.md +359 -0
- package/docs/guides/page-patterns/aside-pages.md +1418 -0
- package/docs/guides/page-patterns/dashboard-pages.md +990 -0
- package/docs/guides/page-patterns/detail-pages.md +1556 -0
- package/docs/guides/page-patterns/list-pages.md +1242 -0
- package/docs/index.md +263 -1
- package/docs/integrations.md +870 -0
- package/docs/reference/colors.md +232 -0
- package/docs/reference/icons.md +163 -0
- package/docs/reference/menu.md +462 -0
- package/docs/reference/plugins.md +970 -0
- package/docs/reference/troubleshooting.md +964 -0
- package/nuxt/awes.config.js +9 -8
- package/nuxt/index.js +2 -2
- package/nuxt/pages/more.vue +1 -1
- package/package.json +5 -3
- package/readme.md +171 -1
- package/store/awesIo.js +11 -0
- package/CHANGELOG.md +0 -4520
- package/docs/aw-accordion-fold.md +0 -46
- package/docs/aw-address.md +0 -44
- package/docs/aw-avatar.md +0 -51
- package/docs/aw-badge.md +0 -32
- package/docs/aw-button-nav.md +0 -44
- package/docs/aw-button.md +0 -50
- package/docs/aw-calendar-days.md +0 -46
- package/docs/aw-calendar-nav.md +0 -25
- package/docs/aw-calendar-view.md +0 -12
- package/docs/aw-calendar.md +0 -59
- package/docs/aw-card.md +0 -48
- package/docs/aw-chart.md +0 -51
- package/docs/aw-checkbox.md +0 -56
- package/docs/aw-chip-select.md +0 -46
- package/docs/aw-chip.md +0 -53
- package/docs/aw-code-snippet.md +0 -18
- package/docs/aw-code.md +0 -56
- package/docs/aw-content-wrapper.md +0 -40
- package/docs/aw-context-menu.md +0 -31
- package/docs/aw-cropper.md +0 -60
- package/docs/aw-dashboard-card.md +0 -37
- package/docs/aw-dashboard-donut.md +0 -30
- package/docs/aw-dashboard-line.md +0 -20
- package/docs/aw-dashboard-progress.md +0 -33
- package/docs/aw-dashboard-section.md +0 -32
- package/docs/aw-dashboard-speed.md +0 -30
- package/docs/aw-date.md +0 -52
- package/docs/aw-dropdown-button.md +0 -31
- package/docs/aw-dropdown.md +0 -69
- package/docs/aw-fetch-data.md +0 -45
- package/docs/aw-form.md +0 -52
- package/docs/aw-grid.md +0 -48
- package/docs/aw-icon.md +0 -50
- package/docs/aw-info.md +0 -53
- package/docs/aw-input.md +0 -55
- package/docs/aw-layout-default.md +0 -30
- package/docs/aw-layout-frame-center.md +0 -29
- package/docs/aw-layout-simple.md +0 -49
- package/docs/aw-link.md +0 -54
- package/docs/aw-markdown-editor.md +0 -51
- package/docs/aw-modal.md +0 -63
- package/docs/aw-multi-block-builder.md +0 -66
- package/docs/aw-page.md +0 -36
- package/docs/aw-pagination.md +0 -54
- package/docs/aw-password.md +0 -48
- package/docs/aw-radio.md +0 -54
- package/docs/aw-search.md +0 -49
- package/docs/aw-select.md +0 -93
- package/docs/aw-slider.md +0 -40
- package/docs/aw-svg-image.md +0 -19
- package/docs/aw-switcher.md +0 -51
- package/docs/aw-tab-nav.md +0 -55
- package/docs/aw-table-builder.md +0 -58
- package/docs/aw-table-col.md +0 -33
- package/docs/aw-table-head.md +0 -28
- package/docs/aw-table-row.md +0 -33
- package/docs/aw-table.md +0 -59
- package/docs/aw-tel.md +0 -47
- package/docs/aw-textarea.md +0 -47
- package/docs/aw-toggler.md +0 -41
- package/docs/aw-uploader-files.md +0 -20
- package/docs/aw-uploader.md +0 -60
- package/docs/aw-user-menu.md +0 -34
- package/docs/aw-userpic.md +0 -34
- /package/components/{3_organisms → 2_molecules}/AwTel.vue +0 -0
package/docs/aw-grid.md
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Grid сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwGrid /> component is used to render Grid - UI Vue component for Awes.io.
|
|
6
|
-
title: Grid
|
|
7
|
-
---
|
|
8
|
-
# Grid
|
|
9
|
-
|
|
10
|
-
The `AwGrid` component is used to render Grid.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwGrid`.
|
|
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-grid&module=%2Fpages%2Faw-grid.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 `AwGrid` component.
|
|
30
|
-
<!-- @vuese:AwGrid:props:start -->
|
|
31
|
-
|Name|Description|Type|Required|Default|
|
|
32
|
-
|---|---|---|---|---|
|
|
33
|
-
|col|-|`Number` / `Object`|`false`|1|
|
|
34
|
-
|gap|-|`Number`|`false`|4|
|
|
35
|
-
|
|
36
|
-
<!-- @vuese:AwGrid:props:end -->
|
|
37
|
-
|
|
38
|
-
### Slots
|
|
39
|
-
Below is a collection of Vue **slots** for the `AwGrid` component.
|
|
40
|
-
<!-- @vuese:AwGrid:slots:start -->
|
|
41
|
-
|
|
42
|
-
<!-- @vuese:AwGrid:slots:end -->
|
|
43
|
-
|
|
44
|
-
### Events
|
|
45
|
-
Below is a collection of Vue **events** for the `AwGrid` component.
|
|
46
|
-
<!-- @vuese:AwGrid:events:start -->
|
|
47
|
-
|
|
48
|
-
<!-- @vuese:AwGrid:events:end -->
|
package/docs/aw-icon.md
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Icon сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwIcon /> component is used to render Icon - UI Vue component for Awes.io.
|
|
6
|
-
title: Icon
|
|
7
|
-
---
|
|
8
|
-
# Icon
|
|
9
|
-
|
|
10
|
-
The `AwIcon` component is used to render Icon.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwIcon`.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### Live Example
|
|
18
|
-
<iframe
|
|
19
|
-
src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-icon&module=%2Fpages%2Faw-icon.vue&theme=dark&view=editor'
|
|
20
|
-
style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
|
|
21
|
-
title='basic-ui'
|
|
22
|
-
allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
|
|
23
|
-
sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
|
|
24
|
-
></iframe>
|
|
25
|
-
|
|
26
|
-
## API
|
|
27
|
-
Select your desired component from below and see the available props, slots, events and functions.
|
|
28
|
-
|
|
29
|
-
### Props
|
|
30
|
-
Below is a collection of Vue **props** for the `AwIcon` component.
|
|
31
|
-
<!-- @vuese:AwIcon:props:start -->
|
|
32
|
-
|Name|Description|Type|Required|Default|
|
|
33
|
-
|---|---|---|---|---|
|
|
34
|
-
|name|-|`String`|`true`|-|
|
|
35
|
-
|size|-|`String`|`false`|-|
|
|
36
|
-
|className|-|`String`|`false`|-|
|
|
37
|
-
|
|
38
|
-
<!-- @vuese:AwIcon:props:end -->
|
|
39
|
-
|
|
40
|
-
### Slots
|
|
41
|
-
Below is a collection of Vue **slots** for the `AwIcon` component.
|
|
42
|
-
<!-- @vuese:AwIcon:slots:start -->
|
|
43
|
-
|
|
44
|
-
<!-- @vuese:AwIcon:slots:end -->
|
|
45
|
-
|
|
46
|
-
### Events
|
|
47
|
-
Below is a collection of Vue **events** for the `AwIcon` component.
|
|
48
|
-
<!-- @vuese:AwIcon:events:start -->
|
|
49
|
-
|
|
50
|
-
<!-- @vuese:AwIcon:events:end -->
|
package/docs/aw-info.md
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Info сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwInfo /> component is used to render Info - UI Vue component for Awes.io.
|
|
6
|
-
title: Info
|
|
7
|
-
---
|
|
8
|
-
# Info
|
|
9
|
-
|
|
10
|
-
The `AwInfo` component is used to render Info.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwInfo`.
|
|
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-info&module=%2Fpages%2Faw-info.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 `AwInfo` component.
|
|
30
|
-
<!-- @vuese:AwInfo:props:start -->
|
|
31
|
-
|Name|Description|Type|Required|Default|
|
|
32
|
-
|---|---|---|---|---|
|
|
33
|
-
|label|Subtitle for the element|`String`|`false`|-|
|
|
34
|
-
|help|Tooltip with help icon|`String`|`false`|-|
|
|
35
|
-
|text|Text it's a string or number to print in content area|`String` / `Number`|`false`|-|
|
|
36
|
-
|
|
37
|
-
<!-- @vuese:AwInfo:props:end -->
|
|
38
|
-
|
|
39
|
-
### Slots
|
|
40
|
-
Below is a collection of Vue **slots** for the `AwInfo` component.
|
|
41
|
-
<!-- @vuese:AwInfo:slots:start -->
|
|
42
|
-
|Name|Description|Default Slot Content|
|
|
43
|
-
|---|---|---|
|
|
44
|
-
|icon|Customization of help icon|question-circle icon|
|
|
45
|
-
|default|-|-|
|
|
46
|
-
|
|
47
|
-
<!-- @vuese:AwInfo:slots:end -->
|
|
48
|
-
|
|
49
|
-
### Events
|
|
50
|
-
Below is a collection of Vue **events** for the `AwInfo` component.
|
|
51
|
-
<!-- @vuese:AwInfo:events:start -->
|
|
52
|
-
|
|
53
|
-
<!-- @vuese:AwInfo:events:end -->
|
package/docs/aw-input.md
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Input сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwInput /> component is used to render Input - UI Vue component for Awes.io.
|
|
6
|
-
title: Input
|
|
7
|
-
---
|
|
8
|
-
# Input
|
|
9
|
-
|
|
10
|
-
The `AwInput` component is used to render Input.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwInput`.
|
|
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 `AwInput` component.
|
|
30
|
-
<!-- @vuese:AwInput:props:start -->
|
|
31
|
-
|Name|Description|Type|Required|Default|
|
|
32
|
-
|---|---|---|---|---|
|
|
33
|
-
|type|-|`String`|`false`|text|
|
|
34
|
-
|prefix|-|`String`|`false`|-|
|
|
35
|
-
|postfix|-|`String`|`false`|-|
|
|
36
|
-
|size|-|`String`|`false`|md|
|
|
37
|
-
|
|
38
|
-
<!-- @vuese:AwInput:props:end -->
|
|
39
|
-
|
|
40
|
-
### Slots
|
|
41
|
-
Below is a collection of Vue **slots** for the `AwInput` component.
|
|
42
|
-
<!-- @vuese:AwInput:slots:start -->
|
|
43
|
-
|Name|Description|Default Slot Content|
|
|
44
|
-
|---|---|---|
|
|
45
|
-
|prefix|-|-|
|
|
46
|
-
|icon|-|-|
|
|
47
|
-
|postfix|-|-|
|
|
48
|
-
|
|
49
|
-
<!-- @vuese:AwInput:slots:end -->
|
|
50
|
-
|
|
51
|
-
### Events
|
|
52
|
-
Below is a collection of Vue **events** for the `AwInput` component.
|
|
53
|
-
<!-- @vuese:AwInput:events:start -->
|
|
54
|
-
|
|
55
|
-
<!-- @vuese:AwInput:events:end -->
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: LayoutDefault сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwLayoutDefault /> is a layout with left sidebar for Awes.io.
|
|
6
|
-
title: LayoutDefault
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# AwLayoutDefault
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
<!-- @vuese:AwLayoutDefault:props:start -->
|
|
14
|
-
|Name|Description|Type|Required|Default|
|
|
15
|
-
|---|---|---|---|---|
|
|
16
|
-
|menu|-|`Array`|`false`|[]|
|
|
17
|
-
|
|
18
|
-
<!-- @vuese:AwLayoutDefault:props:end -->
|
|
19
|
-
|
|
20
|
-
## Slots
|
|
21
|
-
|
|
22
|
-
<!-- @vuese:AwLayoutDefault:slots:start -->
|
|
23
|
-
|Name|Description|Default Slot Content|
|
|
24
|
-
|---|---|---|
|
|
25
|
-
|before-header|-|-|
|
|
26
|
-
|navbar|navbar|-|
|
|
27
|
-
|default|content|-|
|
|
28
|
-
|
|
29
|
-
<!-- @vuese:AwLayoutDefault:slots:end -->
|
|
30
|
-
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: LayoutFrameCenter сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwLayoutFrameCenter /> is a layout for login or registration page for Awes.io.
|
|
6
|
-
title: LayoutFrameCenter
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# AwLayoutFrameCenter
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
<!-- @vuese:AwLayoutFrameCenter:props:start -->
|
|
14
|
-
|Name|Description|Type|Required|Default|
|
|
15
|
-
|---|---|---|---|---|
|
|
16
|
-
|logo|-|`Object`|`false`|-|
|
|
17
|
-
|background|-|`Object`|`false`|-|
|
|
18
|
-
|
|
19
|
-
<!-- @vuese:AwLayoutFrameCenter:props:end -->
|
|
20
|
-
|
|
21
|
-
## Slots
|
|
22
|
-
|
|
23
|
-
<!-- @vuese:AwLayoutFrameCenter:slots:start -->
|
|
24
|
-
|Name|Description|Default Slot Content|
|
|
25
|
-
|---|---|---|
|
|
26
|
-
|default|-|-|
|
|
27
|
-
|
|
28
|
-
<!-- @vuese:AwLayoutFrameCenter:slots:end -->
|
|
29
|
-
|
package/docs/aw-layout-simple.md
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: LayoutSimple сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwLayoutSimple /> is a layout with navigation on the head for Awes.io.
|
|
6
|
-
title: LayoutSimple
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# AwLayoutSimple
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
<!-- @vuese:AwLAyoutSimple:props:start -->
|
|
14
|
-
|Name|Description|Type|Required|Default|
|
|
15
|
-
|---|---|---|---|---|
|
|
16
|
-
|menu|-|`Array`|`false`|[]|
|
|
17
|
-
|
|
18
|
-
<!-- @vuese:AwLAyoutSimple:props:end -->
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
## Slots
|
|
22
|
-
|
|
23
|
-
<!-- @vuese:AwLAyoutSimple:slots:start -->
|
|
24
|
-
|Name|Description|Default Slot Content|
|
|
25
|
-
|---|---|---|
|
|
26
|
-
|before-header|-|-|
|
|
27
|
-
|default|content|-|
|
|
28
|
-
|
|
29
|
-
<!-- @vuese:AwLAyoutSimple:slots:end -->
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
## Props
|
|
34
|
-
<!-- @vuese:AwLayoutSimple:props:start -->
|
|
35
|
-
|Name|Description|Type|Required|Default|
|
|
36
|
-
|---|---|---|---|---|
|
|
37
|
-
|menu|-|`Array`|`false`|[]|
|
|
38
|
-
|
|
39
|
-
<!-- @vuese:AwLayoutSimple:props:end -->
|
|
40
|
-
|
|
41
|
-
## Slots
|
|
42
|
-
<!-- @vuese:AwLayoutSimple:slots:start -->
|
|
43
|
-
|Name|Description|Default Slot Content|
|
|
44
|
-
|---|---|---|
|
|
45
|
-
|before-header|-|-|
|
|
46
|
-
|default|content|-|
|
|
47
|
-
|
|
48
|
-
<!-- @vuese:AwLayoutSimple:slots:end -->
|
|
49
|
-
|
package/docs/aw-link.md
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Link сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwLink /> component is used to render Link - UI Vue component for Awes.io.
|
|
6
|
-
title: Link
|
|
7
|
-
---
|
|
8
|
-
# Link
|
|
9
|
-
|
|
10
|
-
The `AwLink` component is used to render Link.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwLink`.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### Live Example
|
|
18
|
-
<iframe
|
|
19
|
-
src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-link&module=%2Fpages%2Faw-link.vue&theme=dark&view=editor'
|
|
20
|
-
style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
|
|
21
|
-
title='basic-ui'
|
|
22
|
-
allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
|
|
23
|
-
sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
|
|
24
|
-
></iframe>
|
|
25
|
-
|
|
26
|
-
## API
|
|
27
|
-
Select your desired component from below and see the available props, slots, events and functions.
|
|
28
|
-
|
|
29
|
-
### Props
|
|
30
|
-
Below is a collection of Vue **props** for the `AwLink` component.
|
|
31
|
-
<!-- @vuese:AwLink:props:start -->
|
|
32
|
-
|Name|Description|Type|Required|Default|
|
|
33
|
-
|---|---|---|---|---|
|
|
34
|
-
|href|-|`String` / `Object`|`false`|-|
|
|
35
|
-
|className|-|`String`|`false`|-|
|
|
36
|
-
|text|-|`String`|`false`|-|
|
|
37
|
-
|tag|-|`String`|`false`|-|
|
|
38
|
-
|
|
39
|
-
<!-- @vuese:AwLink:props:end -->
|
|
40
|
-
|
|
41
|
-
### Slots
|
|
42
|
-
Below is a collection of Vue **slots** for the `AwLink` component.
|
|
43
|
-
<!-- @vuese:AwLink:slots:start -->
|
|
44
|
-
|Name|Description|Default Slot Content|
|
|
45
|
-
|---|---|---|
|
|
46
|
-
|default|-|-|
|
|
47
|
-
|
|
48
|
-
<!-- @vuese:AwLink:slots:end -->
|
|
49
|
-
|
|
50
|
-
### Events
|
|
51
|
-
Below is a collection of Vue **events** for the `AwLink` component.
|
|
52
|
-
<!-- @vuese:AwLink:events:start -->
|
|
53
|
-
|
|
54
|
-
<!-- @vuese:AwLink:events:end -->
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Markdown editor сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwMarkdownEditor /> component is used to render Markdown editor - UI Vue component for Awes.io.
|
|
6
|
-
title: Markdown editor
|
|
7
|
-
---
|
|
8
|
-
# Markdown editor
|
|
9
|
-
|
|
10
|
-
The `AwMarkdownEditor` component is used to render Markdown editor.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwMarkdownEditor`.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### Live Example
|
|
18
|
-
<iframe
|
|
19
|
-
src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-markdown-editor&module=%2Fpages%2Faw-markdown-editor.vue&theme=dark&view=editor'
|
|
20
|
-
style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
|
|
21
|
-
title='basic-ui'
|
|
22
|
-
allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
|
|
23
|
-
sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
|
|
24
|
-
></iframe>
|
|
25
|
-
|
|
26
|
-
## API
|
|
27
|
-
Select your desired component from below and see the available props, slots, events and functions.
|
|
28
|
-
|
|
29
|
-
### Props
|
|
30
|
-
Below is a collection of Vue **props** for the `AwMarkdownEditor` component.
|
|
31
|
-
<!-- @vuese:AwMarkdownEditor:props:start -->
|
|
32
|
-
|Name|Description|Type|Required|Default|
|
|
33
|
-
|---|---|---|---|---|
|
|
34
|
-
|source|-|`String`|`false`|-|
|
|
35
|
-
|
|
36
|
-
<!-- @vuese:AwMarkdownEditor:props:end -->
|
|
37
|
-
|
|
38
|
-
### Slots
|
|
39
|
-
Below is a collection of Vue **slots** for the `AwMarkdownEditor` component.
|
|
40
|
-
<!-- @vuese:AwMarkdownEditor:slots:start -->
|
|
41
|
-
|
|
42
|
-
<!-- @vuese:AwMarkdownEditor:slots:end -->
|
|
43
|
-
|
|
44
|
-
### Events
|
|
45
|
-
Below is a collection of Vue **events** for the `AwMarkdownEditor` component.
|
|
46
|
-
<!-- @vuese:AwMarkdownEditor:events:start -->
|
|
47
|
-
|Event Name|Description|Parameters|
|
|
48
|
-
|---|---|---|
|
|
49
|
-
|change|-|-|
|
|
50
|
-
|
|
51
|
-
<!-- @vuese:AwMarkdownEditor:events:end -->
|
package/docs/aw-modal.md
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Modal сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwModal /> component is used to render Modal - UI Vue component for Awes.io.
|
|
6
|
-
title: Modal
|
|
7
|
-
---
|
|
8
|
-
# Modal
|
|
9
|
-
|
|
10
|
-
The `AwModal` component is used to render Modal.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwModal`.
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
### Live Example
|
|
18
|
-
<iframe
|
|
19
|
-
src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-modal&module=%2Fpages%2Faw-modal.vue&theme=dark&view=editor'
|
|
20
|
-
style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
|
|
21
|
-
title='basic-ui'
|
|
22
|
-
allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
|
|
23
|
-
sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
|
|
24
|
-
></iframe>
|
|
25
|
-
|
|
26
|
-
## API
|
|
27
|
-
Select your desired component from below and see the available props, slots, events and functions.
|
|
28
|
-
|
|
29
|
-
### Props
|
|
30
|
-
Below is a collection of Vue **props** for the `AwModal` component.
|
|
31
|
-
<!-- @vuese:AwModal:props:start -->
|
|
32
|
-
|Name|Description|Type|Required|Default|
|
|
33
|
-
|---|---|---|---|---|
|
|
34
|
-
|title|-|`String`|`false`|-|
|
|
35
|
-
|stay|-|`Boolean`|`false`|-|
|
|
36
|
-
|bgClickClose|-|`Boolean`|`false`|-|
|
|
37
|
-
|name|-|`String`|`false`|-|
|
|
38
|
-
|param|Get parameter, which is set when modal is opened|`String` / `Boolean`|`false`|modal|
|
|
39
|
-
|theme|-|`String`|`false`|default|
|
|
40
|
-
|disableScroll|Should modal disable body scrolling|`Boolean`|`false`|by default disabled for 'default', 'fullscreen' and 'bottom' themes|
|
|
41
|
-
|className|-|`String`|`false`|-|
|
|
42
|
-
|
|
43
|
-
<!-- @vuese:AwModal:props:end -->
|
|
44
|
-
|
|
45
|
-
### Slots
|
|
46
|
-
Below is a collection of Vue **slots** for the `AwModal` component.
|
|
47
|
-
<!-- @vuese:AwModal:slots:start -->
|
|
48
|
-
|Name|Description|Default Slot Content|
|
|
49
|
-
|---|---|---|
|
|
50
|
-
|subtitle|-|-|
|
|
51
|
-
|default|-|-|
|
|
52
|
-
|buttons|-|-|
|
|
53
|
-
|
|
54
|
-
<!-- @vuese:AwModal:slots:end -->
|
|
55
|
-
|
|
56
|
-
### Events
|
|
57
|
-
Below is a collection of Vue **events** for the `AwModal` component.
|
|
58
|
-
<!-- @vuese:AwModal:events:start -->
|
|
59
|
-
|Event Name|Description|Parameters|
|
|
60
|
-
|---|---|---|
|
|
61
|
-
|closed|-|-|
|
|
62
|
-
|
|
63
|
-
<!-- @vuese:AwModal:events:end -->
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: MultiBlockBuilder сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwMultiBlockBuilder /> component is used to render MultiBlockBuilder - UI Vue component for Awes.io.
|
|
6
|
-
title: MultiBlockBuilder
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# AwMultiBlockBuilder
|
|
10
|
-
|
|
11
|
-
Serves for VueMC collection visualization. Pass the collection to `collection` prop, and form fields that you need to default slot.
|
|
12
|
-
|
|
13
|
-
```vue
|
|
14
|
-
<AwMultiBlockBuilder title="Manager" :collection="managers">
|
|
15
|
-
<template #default="{ model }">
|
|
16
|
-
<AwInput v-model="model.first_name" :error="model.errors.first_name" label="First name" />
|
|
17
|
-
</template>
|
|
18
|
-
</AwMultiBlockBuilder>
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## Props
|
|
22
|
-
|
|
23
|
-
<!-- @vuese:AwMultiBlockBuilder:props:start -->
|
|
24
|
-
|Name|Description|Type|Required|Default|
|
|
25
|
-
|---|---|---|---|---|
|
|
26
|
-
|collection|VueMC collection object|`Object`|`true`|-|
|
|
27
|
-
|title|Title, added to block heading and buttons|`String`|`false`|-|
|
|
28
|
-
|max|Max number of items, the add button hides if value is reached|`Number`|`false`|-|
|
|
29
|
-
|fetch|Fetch collection immediately when component mounted|`Boolean`|`false`|-|
|
|
30
|
-
|
|
31
|
-
<!-- @vuese:AwMultiBlockBuilder:props:end -->
|
|
32
|
-
|
|
33
|
-
## Events
|
|
34
|
-
|
|
35
|
-
<!-- @vuese:AwMultiBlockBuilder:events:start -->
|
|
36
|
-
|Event Name|Description|Parameters|
|
|
37
|
-
|---|---|---|
|
|
38
|
-
|add:model|Fire when model is added|`collection`, passed to props|
|
|
39
|
-
|remove:model|Fire when model is removed|`collection`, passed to props|
|
|
40
|
-
|fetch:collection|Fire on collection fetch|1.`collection`, passed to props 2. VueMC event object|
|
|
41
|
-
|save:collection|Fire on collection save|1.`collection`, passed to props 2. VueMC event object|
|
|
42
|
-
|
|
43
|
-
<!-- @vuese:AwMultiBlockBuilder:events:end -->
|
|
44
|
-
|
|
45
|
-
## Slots
|
|
46
|
-
|
|
47
|
-
<!-- @vuese:AwMultiBlockBuilder:slots:start -->
|
|
48
|
-
|Name|Description|Default Slot Content|
|
|
49
|
-
|---|---|---|
|
|
50
|
-
|title|block title|`<h5>{title} #{iteration} <button>Remove {title}</button></h5>`|
|
|
51
|
-
|default|block content|-|
|
|
52
|
-
|add|-|`<button>+ Add {title}</button>`|
|
|
53
|
-
|save|save button|`<button>Save</button>`|
|
|
54
|
-
|
|
55
|
-
<!-- @vuese:AwMultiBlockBuilder:slots:end -->
|
|
56
|
-
|
|
57
|
-
## Methods
|
|
58
|
-
|
|
59
|
-
<!-- @vuese:AwMultiBlockBuilder:methods:start -->
|
|
60
|
-
|Method|Description|Parameters|
|
|
61
|
-
|---|---|---|
|
|
62
|
-
|add|Add new model and emit `add:model` event|-|
|
|
63
|
-
|remove|Remove model and emit `remove:model` event|The model object, required|
|
|
64
|
-
|
|
65
|
-
<!-- @vuese:AwMultiBlockBuilder:methods:end -->
|
|
66
|
-
|
package/docs/aw-page.md
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Page сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwPage /> general container for internal pages in Awes.io.
|
|
6
|
-
title: Page
|
|
7
|
-
---
|
|
8
|
-
|
|
9
|
-
# AwPage
|
|
10
|
-
|
|
11
|
-
## Props
|
|
12
|
-
|
|
13
|
-
<!-- @vuese:AwPage:props:start -->
|
|
14
|
-
|Name|Description|Type|Required|Default|
|
|
15
|
-
|---|---|---|---|---|
|
|
16
|
-
|title|Main headline on the page|`String`|`false`|-|
|
|
17
|
-
|titleTag|-|`String`|`false`|-|
|
|
18
|
-
|className|-|`String`|`false`|-|
|
|
19
|
-
|subnav|Subnavigation for the page|`Array`|`false`|[]|
|
|
20
|
-
|breadcrumb|Breadcrumb object with title and href to return back|`Object`|`false`|-|
|
|
21
|
-
|
|
22
|
-
<!-- @vuese:AwPage:props:end -->
|
|
23
|
-
|
|
24
|
-
## Slots
|
|
25
|
-
|
|
26
|
-
<!-- @vuese:AwPage:slots:start -->
|
|
27
|
-
|Name|Description|Default Slot Content|
|
|
28
|
-
|---|---|---|
|
|
29
|
-
|breadcrumb|Breadcrumb link back to catalog|if prop breadctumb is empty, block is empty too|
|
|
30
|
-
|title|Title of the page|Empty string|
|
|
31
|
-
|buttons|-|-|
|
|
32
|
-
|subnav|-|-|
|
|
33
|
-
|default|-|-|
|
|
34
|
-
|
|
35
|
-
<!-- @vuese:AwPage:slots:end -->
|
|
36
|
-
|
package/docs/aw-pagination.md
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
metaTitle: Pagination сomponent | Awes.io
|
|
3
|
-
meta:
|
|
4
|
-
- name: description
|
|
5
|
-
content: The <AwPagination /> component is used to render Pagination - UI Vue component for Awes.io.
|
|
6
|
-
title: Pagination
|
|
7
|
-
---
|
|
8
|
-
# Pagination
|
|
9
|
-
|
|
10
|
-
The `AwPagination` component is used to render Pagination.
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
Several examples how you can use `AwPagination`.
|
|
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-form&module=%2Fpages%2Faw-form.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 `AwPagination` component.
|
|
30
|
-
<!-- @vuese:AwPagination:props:start -->
|
|
31
|
-
|Name|Description|Type|Required|Default|
|
|
32
|
-
|---|---|---|---|---|
|
|
33
|
-
|total|Total number of items|`Number`|`true`|-|
|
|
34
|
-
|page|Current page|`Number`|`false`|1|
|
|
35
|
-
|limit|Limit of items per page|`Number`|`true`|-|
|
|
36
|
-
|limits|Default limit variants|`Array`|`false`|-|
|
|
37
|
-
|arrowNav|Should the page being switched on `CTRL + <-` and `CTRL + ->`|`Boolean`|`false`|-|
|
|
38
|
-
|
|
39
|
-
<!-- @vuese:AwPagination:props:end -->
|
|
40
|
-
|
|
41
|
-
### Slots
|
|
42
|
-
Below is a collection of Vue **slots** for the `AwPagination` component.
|
|
43
|
-
<!-- @vuese:AwPagination:slots:start -->
|
|
44
|
-
|
|
45
|
-
<!-- @vuese:AwPagination:slots:end -->
|
|
46
|
-
|
|
47
|
-
### Events
|
|
48
|
-
Below is a collection of Vue **events** for the `AwPagination` component.
|
|
49
|
-
<!-- @vuese:AwPagination:events:start -->
|
|
50
|
-
|Event Name|Description|Parameters|
|
|
51
|
-
|---|---|---|
|
|
52
|
-
|click:page|-|-|
|
|
53
|
-
|
|
54
|
-
<!-- @vuese:AwPagination:events:end -->
|