@hashicorp/hashi-hero

basic full page hero with a lot of customization options

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
@hashicorp/hashi-hero
4.0.03 years ago5 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