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