A RetroSearch Logo

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

Search Query:

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

GrapesJS/components-countdown: Simple countdown component for the GrapesJS Editor

Simple countdown component for GrapesJS Editor


Option Description Default id The ID used to create the block and component. countdown label The label used for the block and the component. Countdown block Object to extend the default block, eg. { label: 'Countdown', category: 'Extra', ... }. Pass a falsy value to avoid adding the block. {} props Object to extend the default component properties., eg. { name: 'Countdown', droppable: false, ... }. {} 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. '' startTime Default start time, eg. 2030-01-25 00:00. '' endText Text to show when the countdown is ended. 'EXPIRED' dateInputType Date input type, eg. date, datetime-local 'date' labelDays Days label text used in component. 'days' labelHours Hours label text used in component. 'hours' labelMinutes Minutes label text used in component. 'minutes' labelSeconds Seconds label text used in component. 'seconds' classPrefix Countdown component class prefix. 'countdown'

Directly in the browser

<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-component-countdown.min.js"></script>

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

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

Modern javascript

import grapesjs from 'grapesjs';
import pluginCountdown from 'grapesjs-component-countdown';

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

Clone the repository

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

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