@hashicorp/hashi-case-study-slider

3.0.0 • Public • Published

Case Study Slider

A slider component that can display up to three case studies and allow a visitor to toggle between them, and click through to read.

Props

  • _data (obj) - data from the CMS
    • case_studies (array, max items: 3) Collection of case study objects
      • company (obj) - company object from Dato
        • monochrome_logo (obj)
          • url (string) URL to logo
          • alt (string) alt text for logo
          • format (string) type of image (png, svg, etc)
        • white_logo (obj)
          • url (string) URL to logo
          • alt (string) alt text for logo
          • format (string) type of image (png, svg, etc)
      • case_study_resource (obj)
        • slug (string) Path to resource page
        • image (obj)
          • url (string) URL to image
          • alt (string) alt text for image
          • format (string) type of image (png, svg, etc)
      • headline (string) headline text of the case study
      • description (string) body copy for the case study
  • timing (integer) - timing value for slide duration in seconds
  • dark (boolean) - controls button color, progress bar color and logo color

Readme

Keywords

none

Package Sidebar

Install

npm i @hashicorp/hashi-case-study-slider

Weekly Downloads

7

Version

3.0.0

License

none

Unpacked Size

64.4 kB

Total Files

13

Last publish

Collaborators

  • abhishek-hashicorp
  • dstaley
  • cameronperera
  • alexju
  • consul-ui-services
  • wenincode-hashicorp
  • hashicb
  • britt.lindgren
  • paulhcp
  • nandereck
  • tstormk
  • hashibot-hds
  • lackeyjb1
  • youriwims
  • jpogran
  • _natmegs
  • thrashr888
  • melsumner
  • mwickett
  • didoo
  • zchsh
  • hcitsec
  • gregone
  • meirish
  • enmod
  • kaxcode
  • anubhavmishra-hashicorp
  • hashibot-web
  • cstitt-hashi
  • kstraut
  • mocohen
  • dhaulagiri