scrivito-clippath-image

1.0.9 • Public • Published

Scrivito Clippath Image

CMS: Scrivito License: MIT

A nimage with clippath mask as a React component/ Scrivito widget for the Scrivito CMS.

Installation

Open your terminal.

$ cd to your Scrivito project

$ npm install scrivito-clippath-image

Import the widget in your javascript src/Widgets/index.js.

Add this line to your index.js:

import "scrivito-clippath-image";

Also add the styling of the widget to your app. This can be done by either loading it via css-loader (e.g. in index.js or Widgets/index.js):

import "scrivito-clippath-image/index.css";

Or by including the styling to your style sheets (e.g. in index.scss):

import "~scrivito-clippath-image/index.css";

Features

The Clippath Image Widget renders an image, with a mask defined by CSS clippath. 23 clippath masks are configurable via the Widget form.

Development

With npm run build you can build the package into build/.

With npm start you'll start a continues process, that rebuilds build/ automatically once the source code is changed.

To add this library locally do the following in your scrivito app:

npm install file:<path to build folder>

e.g.

npm install file:../scrivito-clippath-image/build/

To publish the package:

npm i && npm run build && cd build/ && npm publish

Check code quality

With npm run eslint and npm run es-check you can check your coding quality.

Versions

Current Tags

VersionDownloads (Last 7 Days)Tag
1.0.90latest

Version History

VersionDownloads (Last 7 Days)Published
1.0.90
1.0.80
1.0.70
1.0.60
1.0.50
1.0.40
1.0.30
1.0.20
1.0.10
1.0.00

Package Sidebar

Install

npm i scrivito-clippath-image

Weekly Downloads

0

Version

1.0.9

License

MIT

Unpacked Size

17.5 kB

Total Files

6

Last publish

Collaborators

  • mdwp