@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

/@hashicorp/hashi-hero/

    Package Sidebar

    Install

    npm i @hashicorp/hashi-hero

    Weekly Downloads

    73

    Version

    4.0.0

    License

    none

    Unpacked Size

    27.7 kB

    Total Files

    4

    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