@hashicorp/hashi-hero

4.0.0 • Public • Published

Hero

Basic full page hero with a lot of customization options.

Params

  • centered (bool): [optional] centers all content if true
  • _data (obj): data passed in from datocms
  • theme (str): defaults to dark theme; light changes to light theme
  • background_image (obj): [optional] url prop contains link to image
  • title_logo (obj): [optional] url prop contains link to image. sits above headline.
  • title (str): main title
  • description (str): smaller text under the subtitle, markdown enabled
  • buttons (arr): [optional] array of link objects
    • title (str): primary button text
    • url (str): where the button links to
  • help_text (str): [optional] markdown, usually a small link at bottom
  • videos (arr): [optional] array of videos to be played in a carousel
    • name (str): name to be displayed above progress bar
    • playback_rate (int): [optional] defaults to 1; video's playback speed
    • src (arr): url for video source
      • src_type (str): type of video source
      • url (str): url of video source
  • centered (bool): centers all content if true

Depends On

  • hashi-button
  • hashi-image
  • hashi-alert

Readme

Keywords

none

Package Sidebar

Install

npm i @hashicorp/hashi-hero

Weekly Downloads

6

Version

4.0.0

License

none

Unpacked Size

27.7 kB

Total Files

4

Last publish

Collaborators

  • mikegolus
  • leahmariebush
  • kaitlynnefuery
  • abhishek-hashicorp
  • cameronperera
  • alexju
  • consul-ui-services
  • hashicb
  • britt.lindgren
  • paulhcp
  • nandereck
  • tstormk
  • hashibot-hds
  • lackeyjb1
  • jpogran
  • thrashr888
  • melsumner
  • didoo
  • zchsh
  • hcitsec
  • gregone
  • meirish
  • enmod
  • kaxcode
  • anubhavmishra-hashicorp
  • hashibot-web
  • cstitt-hashi
  • mocohen
  • dhaulagiri