https://github.com/grapesjs/components-tabs
Simple tabs component plugin for GrapesJS
https://github.com/grapesjs/components-tabs
Last synced: 11 months ago
JSON representation
Simple tabs component plugin for GrapesJS
- Host: GitHub
- URL: https://github.com/grapesjs/components-tabs
- Owner: GrapesJS
- License: bsd-3-clause
- Created: 2018-01-26T00:15:55.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2025-04-29T02:15:37.000Z (about 1 year ago)
- Last Synced: 2025-07-03T08:59:09.519Z (12 months ago)
- Language: TypeScript
- Size: 941 KB
- Stars: 39
- Watchers: 6
- Forks: 36
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# GrapesJS Tabs
Simple tabs component plugin for GrapesJS
[Demo](http://grapesjs.com/demo.html)
## Requirements
- GrapesJS v0.13.8 or higher
## Summary
- Plugin name: `grapesjs-tabs`
- Components
- `tabs` - Main tabs component
- `tab-container` - Component which contains single tabs
- `tab` - Single tab component
- `tab-content` - Tab's content
- `tab-contents` - Component containing tab contents
- Blocks
- `tabs`
## Options
You can see all the available options [here](https://github.com/artf/grapesjs-tabs/blob/master/src/options.js).
## Download
- CDN
- `https://unpkg.com/grapesjs-tabs`
- NPM
- `npm i grapesjs-tabs`
- GIT
- `git clone https://github.com/artf/grapesjs-tabs.git`
## Usage
```html
var editor = grapesjs.init({
container : '#gjs',
...
plugins: ['grapesjs-tabs'],
pluginsOpts: {
'grapesjs-tabs': {
// options
}
}
});
```
## Development
Clone the repository
```sh
$ git clone https://github.com/artf/grapesjs-tabs.git
$ cd grapesjs-tabs
```
Install dependencies
```sh
$ npm i
```
Start the development server
```sh
$ npm start
```
## License
BSD 3-Clause