@financial-times/community-event-teaser

community-event-teaser

Description

This is a package which contains the ui for an event.

Installation

npm install @financial-times/community-event-teaser

Usage

import { h, render } from '@financial-times/x-engine';
import { EventTeaser } from "@financial-times/community-event-teaser";

const container = document.querySelector('.some-container-element');

render((
  <EventTeaser
    imgUrl={"https://ftweekend.live.ft.com/some-cool-image-png"}
    title={"FTWeekend Festival"}
    eventUrl={"https://ftweekend.live.ft.com"}
    layout={"large"}
    location={"Kenwood House Gardens & Online"}
    scheduledStartTime={new Date("2021-09-04T12:00:00.000Z")}
  />), container)

Development

Setting up your local environment

Simply clone this repo, cd into the directory and run:

npm install

Storybooks

To view storybooks, run:

npm run storybook