RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/GrapesJS/components-navbar below:

GrapesJS/components-navbar: Simple navbar component for the GrapesJS editor

Simple navbar component for GrapesJS editor

Plugin name: grapesjs-navbar
Blocks: navbar
Components:
- navbar, navbar-container, navbar-nav-menu, navbar-nav-menu-link, navbar-burger-menu, navbar-burger-menu-line

Option Description Default id The ID used to create the block and component. navbar label The label used for the block and the component. Navbar block Object to extend the default block, eg. { category: 'Extra', ... }. Pass a falsy value to avoid adding the block. {} style Custom CSS styles for the component. This will replace the default one. '' styleAdditional Additional CSS styles for the component. These will be appended to the default one. '' classPrefix Component class prefix. navbar

CDN
- https://unpkg.com/grapesjs-navbar
NPM
- npm i grapesjs-navbar
GIT
- git clone https://github.com/GrapesJS/components-navbar.git.git

Directly in the browser

<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: ['grapesjs-navbar'],
      pluginsOpts: {
        'grapesjs-navbar': {/* ...options */}
      }
  });
</script>

Modern javascript

import grapesjs from 'grapesjs';
import plugin from 'grapesjs-navbar';

const editor = grapesjs.init({
  container : '#gjs',
  // ...
  plugins: [plugin],
  pluginsOpts: {
    [plugin]: { /* options */ }
  }
  // or
  plugins: [
    editor => plugin(editor, { /* options */ }),
  ],
});

Clone the repository

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

Install it

Start the dev server

Build before the commit. This will also increase the patch level version of the package

BSD 3-Clause

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4