Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/uiwebkit/tabs-react
Uni Tabs example for React
https://github.com/uiwebkit/tabs-react
custom-elements html javascript react reactjs stencil tab tab-bar tabs typescript web web-components widget
Last synced: 22 days ago
JSON representation
Uni Tabs example for React
- Host: GitHub
- URL: https://github.com/uiwebkit/tabs-react
- Owner: uiwebkit
- License: mit
- Created: 2022-01-17T10:59:18.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2022-01-17T18:07:23.000Z (about 3 years ago)
- Last Synced: 2024-11-07T22:13:09.298Z (2 months ago)
- Topics: custom-elements, html, javascript, react, reactjs, stencil, tab, tab-bar, tabs, typescript, web, web-components, widget
- Language: JavaScript
- Homepage: https://uiwebkit.com/wgt/tabs/1/
- Size: 598 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Uni Tabs example for React
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app)
Check out demo [here](https://uiwebkit.github.io/tabs-react/)
Check out our docs [here](https://uiwebkit.com/wgt/tabs/1/)
### Add to index.html
```html
```
#### Specify value for the tabs as JSON string
```jsx
Tab Content 1
Tab Content 2
```
#### or specify url to the tabs JSON file (ex. tabs.json) or to the backend API endpoint
```jsx
Tab 1 Content
Tab 2 Content
```
#### Next-Gen Customization (with Store)
```jsx
Tab 2
Tab 1 Content
Tab 2 Content
```
#### Next-Gen Customization (with routes)
```jsx
Tab 1 Content
Tab 2 Content
```