Scrivito Collapsible Card

A collapsible card React component/Scrivito widget for the Scrivito CMS.

Screenshot

Installation

Open your terminal.

$ cd to your Scrivito project

$ npm install scrivito-collapsible-card

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

Add this line to your index.js:

import "scrivito-collapsible-card";

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-collapsible-card/index.css";

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

@import "~scrivito-collapsible-card/index.css";

Features

The Collapsible Card Widget renders a card with a header and a collapsible body. You can put any widget into the body.

Widget properties

In the widget properties you can set:

• Card header image