Hero component is used to create an impression for a page.
Name Description
slot[name="breadcrumbs"] The breadcrumbs for the hero
slot[name="media"] The media that is presented on the hero
part::(base) The base suite-grid element
part::(content) The wrapper around the breadcrumbs slot, header, and description
part::(description) The suite-text element for the description
part::(header) The suite-text element for the header
part::(media) The div wrapper around the media slot
Default Hero
Syracuse University Second Link
Inverse Hero
Syracuse University Second Link
Landing Hero
Syracuse University Second Link
Landing Inverse Hero
Syracuse University Second Link