grapesjs-navbar

WebJar for grapesjs-navbar

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-navbar
Last Version

Last Version

0.1.5
Release Date

Release Date

Type

Type

jar
Description

Description

grapesjs-navbar
WebJar for grapesjs-navbar
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-navbar

Download grapesjs-navbar

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-navbar/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-navbar</artifactId>
    <version>0.1.5</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-navbar/
implementation 'org.webjars.npm:grapesjs-navbar:0.1.5'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-navbar/
implementation ("org.webjars.npm:grapesjs-navbar:0.1.5")
'org.webjars.npm:grapesjs-navbar:jar:0.1.5'
<dependency org="org.webjars.npm" name="grapesjs-navbar" rev="0.1.5">
  <artifact name="grapesjs-navbar" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-navbar', version='0.1.5')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-navbar" % "0.1.5"
[org.webjars.npm/grapesjs-navbar "0.1.5"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

GrapesJS Navbar

Simple navbar component for GrapesJS editor

GrapesJS


Demo

Summary

  • Plugin name: gjs-navbar
  • Components: burger-menu
  • Blocks: h-navbar

Options

  • blocks Which blocks to add, default: ['h-navbar'] (all),
  • defaultStyle Add default style to blocks, default: 1,
  • navbarClsPfx Navbar class prefix, default: 'navbar',
  • labelNavbar Navbar label, default: 'Navbar',
  • labelNavbarContainer Navbar container label, default: 'Navbar Container',
  • labelMenu Menu label, default: 'Navbar Menu',
  • labelMenuLink Menu link label, default: 'Menu link',
  • labelBurger Burger menu label, default: 'Burger',
  • labelBurgerLine Burger line label, default: 'Burger Line',
  • labelNavbarBlock Navbar Block label, default: 'Navbar',
  • labelNavbarCategory Navbar Block Category label, default: 'Extra',
  • labelHome Home label, default: 'Home',
  • labelAbout About label, default: 'About',
  • labelContact Contact label, default: 'Contact',

Download

  • npm i grapesjs-navbar

Usage

<link href="path/to/grapes.min.css" rel="stylesheet"/>
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-navbar.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      plugins: ['gjs-navbar'],
      pluginsOpts: {
        'gjs-navbar': {/* ...options */}
      }
  });
</script>

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-navbar.git
$ cd grapesjs-navbar

Install it

$ npm i

The plugin relies on GrapesJS via peerDependencies so you have to install it manually (without adding it to package.json)

$ npm i grapesjs --no-save

Start the dev server

$ npm start

License

BSD 3-Clause

Versions

Version
0.1.5