https://github.com/uiwebkit/tabs-angular

angular custom-elements html javascript stencil tab tab-bar tabs typescript web web-components widget

Last synced: 5 days ago
JSON representation

Uni Tabs example for Angular

Host: GitHub
URL: https://github.com/uiwebkit/tabs-angular
Owner: uiwebkit
License: mit
Created: 2022-01-17T14:06:44.000Z (almost 4 years ago)
Default Branch: master
Last Pushed: 2022-01-17T18:05:12.000Z (almost 4 years ago)
Last Synced: 2024-12-29T18:20:43.716Z (about 1 year ago)
Topics: angular, custom-elements, html, javascript, stencil, tab, tab-bar, tabs, typescript, web, web-components, widget
Language: HTML
Homepage: https://uiwebkit.com/wgt/tabs/1/
Size: 271 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

README

# Uni Tabs example for Angular

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

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

### Add to your modules

```ts
@NgModule({
...,
schemas: [CUSTOM_ELEMENTS_SCHEMA],
...
})
```

### Add to index.html

```html

```

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

```angular2html

Tab Content 1

Tab Content 2

```

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

```angular2html

Tab 1 Content

Tab 2 Content

```

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

```angular2html

Tab 2

Store Tab 1 Content

Store Tab 2 Content

```

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

```angular2html

Route Tab 1 Content

Route Tab 2 Content

```