@awes-io/ui 2.142.0 → 2.143.0

package/docs/aw-markdown-editor.md

@@ -1,51 +0,0 @@
----
-metaTitle: Markdown editor сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwMarkdownEditor /> component is used to render Markdown editor - UI Vue component for Awes.io.
-title: Markdown editor
----
-# Markdown editor
-
-The `AwMarkdownEditor` component is used to render Markdown editor.
-
-
-## Usage
-Several examples how you can use `AwMarkdownEditor`.
-
-
-### Live Example
-<iframe
-     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'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwMarkdownEditor` component.
-<!-- @vuese:AwMarkdownEditor:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|source|-|`String`|`false`|-|
-
-<!-- @vuese:AwMarkdownEditor:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwMarkdownEditor` component.
-<!-- @vuese:AwMarkdownEditor:slots:start -->
-
-<!-- @vuese:AwMarkdownEditor:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwMarkdownEditor` component.
-<!-- @vuese:AwMarkdownEditor:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|change|-|-|
-
-<!-- @vuese:AwMarkdownEditor:events:end -->

package/docs/aw-modal.md

@@ -1,63 +0,0 @@
----
-metaTitle: Modal сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwModal /> component is used to render Modal - UI Vue component for Awes.io.
-title: Modal
----
-# Modal
-
-The `AwModal` component is used to render Modal.
-
-
-## Usage
-Several examples how you can use `AwModal`.
-
-
-### Live Example
-<iframe
-     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'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwModal` component.
-<!-- @vuese:AwModal:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|title|-|`String`|`false`|-|
-|stay|-|`Boolean`|`false`|-|
-|bgClickClose|-|`Boolean`|`false`|-|
-|name|-|`String`|`false`|-|
-|param|Get parameter, which is set when modal is opened|`String` /  `Boolean`|`false`|modal|
-|theme|-|`String`|`false`|default|
-|disableScroll|Should modal disable body scrolling|`Boolean`|`false`|by default disabled for 'default', 'fullscreen' and 'bottom' themes|
-|className|-|`String`|`false`|-|
-
-<!-- @vuese:AwModal:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwModal` component.
-<!-- @vuese:AwModal:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|subtitle|-|-|
-|default|-|-|
-|buttons|-|-|
-
-<!-- @vuese:AwModal:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwModal` component.
-<!-- @vuese:AwModal:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|closed|-|-|
-
-<!-- @vuese:AwModal:events:end -->

package/docs/aw-multi-block-builder.md

@@ -1,66 +0,0 @@
----
-metaTitle: MultiBlockBuilder сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwMultiBlockBuilder /> component is used to render MultiBlockBuilder - UI Vue component for Awes.io.
-title: MultiBlockBuilder
----
-
-# AwMultiBlockBuilder
-
-Serves for VueMC collection visualization. Pass the collection to `collection` prop, and form fields that you need to default slot. 
-
-```vue
-<AwMultiBlockBuilder title="Manager" :collection="managers">    
-    <template #default="{ model }">      
-        <AwInput v-model="model.first_name" :error="model.errors.first_name" label="First name" />    
-    </template>  
-</AwMultiBlockBuilder> 
-```
-
-## Props
-
-<!-- @vuese:AwMultiBlockBuilder:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|collection|VueMC collection object|`Object`|`true`|-|
-|title|Title, added to block heading and buttons|`String`|`false`|-|
-|max|Max number of items, the add button hides if value is reached|`Number`|`false`|-|
-|fetch|Fetch collection immediately when component mounted|`Boolean`|`false`|-|
-
-<!-- @vuese:AwMultiBlockBuilder:props:end -->
-
-## Events
-
-<!-- @vuese:AwMultiBlockBuilder:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|add:model|Fire when model is added|`collection`, passed to props|
-|remove:model|Fire when model is removed|`collection`, passed to props|
-|fetch:collection|Fire on collection fetch|1.`collection`, passed to props 2. VueMC event object|
-|save:collection|Fire on collection save|1.`collection`, passed to props 2. VueMC event object|
-
-<!-- @vuese:AwMultiBlockBuilder:events:end -->
-
-## Slots
-
-<!-- @vuese:AwMultiBlockBuilder:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|title|block title|`<h5>{title} #{iteration} <button>Remove {title}</button></h5>`|
-|default|block content|-|
-|add|-|`<button>+ Add {title}</button>`|
-|save|save button|`<button>Save</button>`|
-
-<!-- @vuese:AwMultiBlockBuilder:slots:end -->
-
-## Methods
-
-<!-- @vuese:AwMultiBlockBuilder:methods:start -->
-|Method|Description|Parameters|
-|---|---|---|
-|add|Add new model and emit `add:model` event|-|
-|remove|Remove model and emit `remove:model` event|The model object, required|
-
-<!-- @vuese:AwMultiBlockBuilder:methods:end -->
-

package/docs/aw-page.md

@@ -1,36 +0,0 @@
----
-metaTitle: Page сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwPage /> general container for internal pages in Awes.io.
-title: Page
----
-
-# AwPage
-
-## Props
-
-<!-- @vuese:AwPage:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|title|Main headline on the page|`String`|`false`|-|
-|titleTag|-|`String`|`false`|-|
-|className|-|`String`|`false`|-|
-|subnav|Subnavigation for the page|`Array`|`false`|[]|
-|breadcrumb|Breadcrumb object with title and href to return back|`Object`|`false`|-|
-
-<!-- @vuese:AwPage:props:end -->
-
-## Slots
-
-<!-- @vuese:AwPage:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|breadcrumb|Breadcrumb link back to catalog|if prop breadctumb is empty, block is empty too|
-|title|Title of the page|Empty string|
-|buttons|-|-|
-|subnav|-|-|
-|default|-|-|
-
-<!-- @vuese:AwPage:slots:end -->
-

package/docs/aw-pagination.md

@@ -1,54 +0,0 @@
----
-metaTitle: Pagination сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwPagination /> component is used to render Pagination - UI Vue component for Awes.io.
-title: Pagination
----
-# Pagination
-
-The `AwPagination` component is used to render Pagination.
-
-
-## Usage
-Several examples how you can use `AwPagination`.
-
-### Live Example
-<iframe
-     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'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwPagination` component.
-<!-- @vuese:AwPagination:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|total|Total number of items|`Number`|`true`|-|
-|page|Current page|`Number`|`false`|1|
-|limit|Limit of items per page|`Number`|`true`|-|
-|limits|Default limit variants|`Array`|`false`|-|
-|arrowNav|Should the page being switched on `CTRL + <-` and  `CTRL + ->`|`Boolean`|`false`|-|
-
-<!-- @vuese:AwPagination:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwPagination` component.
-<!-- @vuese:AwPagination:slots:start -->
-
-<!-- @vuese:AwPagination:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwPagination` component.
-<!-- @vuese:AwPagination:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|click:page|-|-|
-
-<!-- @vuese:AwPagination:events:end -->

package/docs/aw-password.md

@@ -1,48 +0,0 @@
----
-metaTitle: Password сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwPassword /> component is used to render Password - UI Vue component for Awes.io.
-title: Password
----
-# Password
-
-The `AwPassword` component is used to render Password.
-
-
-## Usage
-Several examples how you can use `AwPassword`.
-
-### Live Example
-<iframe
-     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'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwPassword` component.
-<!-- @vuese:AwPassword:props:start -->
-
-<!-- @vuese:AwPassword:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwPassword` component.
-<!-- @vuese:AwPassword:slots:start -->
-
-<!-- @vuese:AwPassword:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwPassword` component.
-<!-- @vuese:AwPassword:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|input|-|-|
-
-<!-- @vuese:AwPassword:events:end -->
-                            

package/docs/aw-radio.md

@@ -1,54 +0,0 @@
----
-metaTitle: Radio сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwRadio /> component is used to render Radio - UI Vue component for Awes.io.
-title: Radio
----
-# Radio
-
-The `AwRadio` component is used to render Radio.
-
-
-## Usage
-Several examples how you can use `AwRadio`.
-
-### Live Example
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-radio&module=%2Fpages%2Faw-radio.vue&theme=dark&view=editor'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwRadio` component.
-<!-- @vuese:AwRadio:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|value|-|`String` /  `Number`|`false`|on|
-|checked|-|`String` /  `Number`|`false`|-|
-
-<!-- @vuese:AwRadio:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwRadio` component.
-<!-- @vuese:AwRadio:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|label|-|-|
-
-<!-- @vuese:AwRadio:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwRadio` component.
-<!-- @vuese:AwRadio:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|change|-|-|
-
-<!-- @vuese:AwRadio:events:end -->

package/docs/aw-search.md

@@ -1,49 +0,0 @@
----
-metaTitle: Search сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwSearch /> component is used to render Search - UI Vue component for Awes.io.
-title: Search
----
-# Search
-
-The `AwSearch` component is used to render Search.
-
-
-## Usage
-Several examples how you can use `AwSearch`.
-
-### Live Example
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-search&module=%2Fpages%2Faw-search.vue&theme=dark&view=editor'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwSearch` component.
-<!-- @vuese:AwSearch:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|param|Which GET-param should component set to query string|`String`|`false`|search|
-|debounce|Debounce before query string update on user input|`Number`|`false`|400|
-|globalKeyBind|If set, the component will listen on user input, and if the active element is not `input` or `textarea`, and `event.key` matches, the component will get focus. Pass `false` or empty string to disable|`String` /  `Boolean`|`false`|/|
-
-<!-- @vuese:AwSearch:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwSearch` component.
-<!-- @vuese:AwSearch:slots:start -->
-
-<!-- @vuese:AwSearch:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwSearch` component.
-<!-- @vuese:AwSearch:events:start -->
-
-<!-- @vuese:AwSearch:events:end -->

package/docs/aw-select.md

@@ -1,93 +0,0 @@
----
-metaTitle: Select сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwSelect /> component is used to render Select - UI Vue component for Awes.io.
-title: Select
----
-# Select
-
-The `AwSelect` component is used to render Select.
-
-
-## Usage
-Several examples how you can use `AwSelect`.
-
-### Default example
-
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-select&module=%2Fpages%2Faw-select.vue&theme=dark&view=editor'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-### Ajax usage
-
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-select_ajax&module=%2Fpages%2Faw-select_ajax.vue&theme=dark'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-### Object usage
-
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-select_object&module=%2Fpages%2Faw-select_object.vue&theme=dark'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwSelect` component.
-<!-- @vuese:AwSelect:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|options|-|`Array` /  `Function`|`false`|function means isAjax|
-|label|-|`String`|`false`|-|
-|value|-|—|`false`|-|
-|optionLabel|-|`String`|`false`|-|
-|trackBy|-|`String`|`false`|-|
-|searchable|-|`Boolean`|`false`|-|
-|clearable|Show clear button if value exists|`Boolean`|`false`|-|
-|maxSearchItems|-|`Number`|`false`|100|
-|multiple|name: { type: String, default: '' }, Allow select multiple values|`Boolean`|`false`|-|
-|multipleSeparator|Separator for multiple values|`String`|`false`|, |
-|searchPreload|ajax|`Array` /  `Object` /  `Boolean`|`false`|-|
-|searchMin|-|`Number`|`false`|-|
-|debounce|-|`Number`|`false`|400|
-
-<!-- @vuese:AwSelect:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwSelect` component.
-<!-- @vuese:AwSelect:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|dropdown|-|not equal|
-|not-equal|-|-|
-|option-label|-|-|
-|not-found|-|-|
-
-<!-- @vuese:AwSelect:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwSelect` component.
-<!-- @vuese:AwSelect:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|input|-|-|
-|search|-|-|
-|not-found|-|-|
-|not-equal|-|-|
-|preloaded|-|-|
-
-<!-- @vuese:AwSelect:events:end -->

package/docs/aw-slider.md

@@ -1,40 +0,0 @@
----
-metaTitle: Slider сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwSlider /> component is used to render Slider - UI Vue component for Awes.io.
-title: Slider
----
-
-# AwSlider
-
-## Props
-
-<!-- @vuese:AwSlider:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|tag|-|`String`|`false`|div|
-
-<!-- @vuese:AwSlider:props:end -->
-
-
-## Events
-
-<!-- @vuese:AwSlider:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|resized|-|-|
-
-<!-- @vuese:AwSlider:events:end -->
-
-
-## Slots
-
-<!-- @vuese:AwSlider:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|default|-|-|
-
-<!-- @vuese:AwSlider:slots:end -->
-
-

package/docs/aw-svg-image.md

@@ -1,19 +0,0 @@
----
-metaTitle: SvgImage сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwSvgImage /> component is used to render SvgImage - UI Vue component for Awes.io.
-title: SvgImage
----
-
-# AwSvgImage
-
-## Props
-
-<!-- @vuese:AwSvgImage:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|name|Name of the svg image|`String`|`true`|-|
-
-<!-- @vuese:AwSvgImage:props:end -->
-

package/docs/aw-switcher.md

@@ -1,51 +0,0 @@
----
-metaTitle: Switcher сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwSwitcher /> component is used to render Switcher - UI Vue component for Awes.io.
-title: Switcher
----
-# Switcher
-
-The `AwSwitcher` component is used to render Switcher.
-
-
-## Usage
-Several examples how you can use `AwSwitcher`.
-
-### Live Example
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-switcher&module=%2Fpages%2Faw-switcher.vue&theme=dark&view=editor'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwSwitcher` component.
-<!-- @vuese:AwSwitcher:props:start -->
-
-<!-- @vuese:AwSwitcher:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwSwitcher` component.
-<!-- @vuese:AwSwitcher:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|default|-|-|
-|label|-|-|
-
-<!-- @vuese:AwSwitcher:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwSwitcher` component.
-<!-- @vuese:AwSwitcher:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|change|-|-|
-
-<!-- @vuese:AwSwitcher:events:end -->

package/docs/aw-tab-nav.md

@@ -1,55 +0,0 @@
----
-metaTitle: Tab nav сomponent | Awes.io
-meta:
-  - name: description
-    content: The <AwTabNav /> component is used to render Tab nav - UI Vue component for Awes.io.
-title: Tab nav
----
-# Tab nav
-
-The `AwTabNav` component is used to render Tab nav.
-
-
-## Usage
-Several examples how you can use `AwTabNav`.
-
-### Live Example
-<iframe
-     src='https://codesandbox.io/embed/github/awes-io/client/tree/master/examples/basic-ui?autoresize=1&fontsize=14&hidenavigation=1&initialpath=%2Faw-tab-nav&module=%2Fpages%2Faw-tab-nav.vue&theme=dark&view=editor'
-     style='width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;'
-     title='basic-ui'
-     allow='geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media; usb'
-     sandbox='allow-modals allow-forms allow-popups allow-scripts allow-same-origin'
-   ></iframe>
-
-## API
-Select your desired component from below and see the available props, slots, events and functions.
-
-### Props
-Below is a collection of Vue **props** for the `AwTabNav` component.
-<!-- @vuese:AwTabNav:props:start -->
-|Name|Description|Type|Required|Default|
-|---|---|---|---|---|
-|items|Array of tab objects with `text` property or array of strings which become button names|`Array`|`true`|-|
-|active|Active tab index (for button tabs)|`Number` /  `Array`|`false`|-|
-
-<!-- @vuese:AwTabNav:props:end -->
-
-### Slots
-Below is a collection of Vue **slots** for the `AwTabNav` component.
-<!-- @vuese:AwTabNav:slots:start -->
-|Name|Description|Default Slot Content|
-|---|---|---|
-|default|-|-|
-
-<!-- @vuese:AwTabNav:slots:end -->
-
-### Events
-Below is a collection of Vue **events** for the `AwTabNav` component.
-<!-- @vuese:AwTabNav:events:start -->
-|Event Name|Description|Parameters|
-|---|---|---|
-|update:active|-|-|
-
-<!-- @vuese:AwTabNav:events:end -->
-