Components

Reusable UI macro-components for CJjs apps

Install

Install the components package with npm:

    npm i @customerjourney/cj-components
                

Components

CardsList

Generate highly customizable Bulma-style cards lists with ease.

CtaBanner

A classic CTA with text and buttons.

CountdownTimer

Countdown timer in days, hours and minutes for temporary promotions.

HeroBanner

Highly customizable Bulma-style hero banner.

ImageBanner

One-image banner with titles at the top, descriptions, and buttons at the bottom.

ImageText

Highly configurable two-column component. One for an image and the other for information and CTA buttons.

LevelCentered

A Level bulma with icons, heading and title centered.

MediaList

Bulma's Media Object List component made easy.

ModalBox

A Modal Box with a card, image, or message options.

OmnichannelChat

Multi-channel chat button with WhatsApp, Messenger, Telegram, and more.

TextAccordion

Animated accordion to present information one by one.

TextColumns

Two-column text with CTA buttons.

TextMessage

Colored message blocks, to emphasize part of your page's content.

TextNotification

Bold notification blocks, to alert your users of something important.

TextSection

Text section with titles and CTA buttons.

VideoPlayer

Video player with titles and CTA buttons.

WebinarInvitation

Webinar banner with start date, duration, price, and iCal button.