govil-strip-news

A set of news items boxes - contains image, title and description(html) and url link.

How to use

Clone this repo to your local computer, then run:

• npm install && npm run build

You can now import govil-strip-news as a normal package installed from npm like so:

import StripNews from 'govil-strip-news';
...

You can also import the type definitions if you're using TypeScript like so:

import StripNews, { NewsItems } from 'govil-strip-news';
...

Available props

interface NewsItems {
    items: Array<NewsItem>
}

interface NewsItem {
    link: string;
    isInternal: boolean;
    imageSrc: string;
    title: string;
    description:string
}

To customize this component, pass ComponentModel to the items prop.

// your-component.tsx
import StripNews, { NewsItems } from 'govil-strip-news';

const StripNewsDemo: NewsItems = {
    items: [
      {
        "link" : "https://www.gov.il/en/departments/news/leaveisrael",
        "isInternal": true,
        "imageSrc" : "https://www.gov.il/BlobFolder/news/leaveisrael/exit-israel.png",
        "title" : "Exit clearance",
        "description" : "Submit the outbound passenger statement and check restrictions of your destination."
      },
      {
        "link" : "https://www.gov.il/en/departments/news/entryisrael",
        "isInternal": true,
        "imageSrc" : "https://www.gov.il/BlobFolder/news/entryisrael/enter-israel.png",
        "title" : "Entry clearance",
        "description" : "Submit the inbound passenger statement and a health declaration no more than 24 hours before air travel."
      },
      {
        "link" : "https://www.gov.il/en/departments/news/event_eco_corona030920",
        "isInternal": true,
        "imageSrc" : "https://www.gov.il/BlobFolder/news/event_eco_corona030920/pic_event_ecoorona030920.jpg",
        "title" : "PM Netanyahu Convenes Economic Discussion",
        "description" : ""
      },
      {
        "link" : "https://www.qoogle.com/?q=abnormal_test_results",
        "isInternal": false,
        "imageSrc" : "https://www.gov.il/BlobFolder/news/abnormal_test_results/streams_photos_water_sample_5.jpg",
        "title" : "Bacteria Still Present in Northern Israeli Waters",
        "description" : "External Tests show abnormal amounts of bacteria in several streams and rivers in northern Israel (listed below). Swimming in them can be dangerous and should be avoided."
      }
    ]
  }


...

<StripNews items={StripNewsDemo.items}/>

...

This component was built for the benefit of the citizens of Israel on behalf of the government, but of course also for the benefit of the OpenSource community and freely published in npm