Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/uiwebkit/tabs-vue-2x

custom-elements html javascript stencil tab tab-bar tabs typescript vue vuejs vuejs2 web web-components widget

Last synced: 7 days ago
JSON representation

Uni Tabs example for Vue.js 2.x

Host: GitHub
URL: https://github.com/uiwebkit/tabs-vue-2x
Owner: uiwebkit
License: mit
Created: 2022-01-17T17:00:07.000Z (almost 3 years ago)
Default Branch: master
Last Pushed: 2022-01-17T18:01:44.000Z (almost 3 years ago)
Last Synced: 2024-11-07T22:13:06.768Z (about 2 months ago)
Topics: custom-elements, html, javascript, stencil, tab, tab-bar, tabs, typescript, vue, vuejs, vuejs2, web, web-components, widget
Language: Vue
Homepage: https://uiwebkit.com/wgt/tabs/1/
Size: 450 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

# Uni Tabs example for Vue.js 2.x

Check out demo [here](https://uiwebkit.github.io/tabs-vue-2x/)

Check out our docs [here](https://uiwebkit.com/wgt/tabs/1/)

### Add to main.js

```js
Vue.config.ignoredElements = [/uni-\w*/];
```

### Add to index.html

```html

```

#### Specify value for the tabs as JSON string

```vue

Tab Content 1

Tab Content 2

```

#### or specify url to the tabs JSON file (ex. tabs.json) or to the backend API endpoint

```vue

Tab 1 Content

Tab 2 Content

```

#### Next-Gen Customization (with Store)

```vue

Tab 2

Store Tab 1 Content

Store Tab 2 Content

```

#### Next-Gen Customization (with routes)

```vue

Route Tab 1 Content

Route Tab 2 Content

```