Awesome
GrapesJS Tabs
Simple tabs component plugin for GrapesJS
<p align="center"><img src="http://grapesjs.com/img/tabs.gif" alt="GrapesJS Tabs" align="center"/></p>Requirements
- GrapesJS v0.13.8 or higher
Summary
- Plugin name:
grapesjs-tabs
- Components
tabs
- Main tabs componenttab-container
- Component which contains single tabstab
- Single tab componenttab-content
- Tab's contenttab-contents
- Component containing tab contents
- Blocks
tabs
Options
You can see all the available options here.
Download
- CDN
https://unpkg.com/grapesjs-tabs
- NPM
npm i grapesjs-tabs
- GIT
git clone https://github.com/artf/grapesjs-tabs.git
Usage
<link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet"/>
<script src="https://unpkg.com/grapesjs"></script>
<script src="path/to/grapesjs-tabs.min.js"></script>
<div id="gjs"></div>
<script type="text/javascript">
var editor = grapesjs.init({
container : '#gjs',
...
plugins: ['grapesjs-tabs'],
pluginsOpts: {
'grapesjs-tabs': {
// options
}
}
});
</script>
Development
Clone the repository
$ git clone https://github.com/artf/grapesjs-tabs.git
$ cd grapesjs-tabs
Install dependencies
$ npm i
Start the development server
$ npm start
License
BSD 3-Clause