@hashicorp/hashi-hero

basic full page hero with a lot of customization options

Stats

StarsIssuesVersionUpdatedCreatedSize
@hashicorp/hashi-hero
4.0.02 years ago4 years agoMinified + gzip package size for @hashicorp/hashi-hero in KB

Readme

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

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.