https://github.com/rajasegar/cyclejs-tab-component
A declarative approach for creating tab components using Cyclejs
https://github.com/rajasegar/cyclejs-tab-component
bootstrap components cyclejs tabs
Last synced: about 2 months ago
JSON representation
A declarative approach for creating tab components using Cyclejs
- Host: GitHub
- URL: https://github.com/rajasegar/cyclejs-tab-component
- Owner: rajasegar
- License: mit
- Created: 2017-01-28T10:28:49.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-01-29T15:34:22.000Z (over 9 years ago)
- Last Synced: 2025-04-03T12:53:09.042Z (over 1 year ago)
- Topics: bootstrap, components, cyclejs, tabs
- Language: JavaScript
- Size: 94.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# cyclejs-tab-component
A declarative approach for creating Bootstrap tab components using Cyclejs
## Demo
- [View Demo](http://feeble-sail.surge.sh/)
### Dependencies
- [Bootstrap](https://getbootstrap.com)
- [Cyclejs](https://cyclejs.org)
## How it works?
This will take a simple HTML markup and convert this into a reactive Cyclejs Tab component.
### HTML markup
```html
Home
This is home content
Profile
This is profile content
Settings
This is settings content
Messages
This is messages content
```
## Motivation
- To Create declarative Tab components
- Make use of Bootstrap CSS framework for styling
- Moving away from Bootstrap JS and jQuery
- Using more functional and reactive approach for components
## To-do
- Create a separate npm package
- Write tests
- Using multiple instances in a single page/app