Usage
Hero banner components can be imported via the hero-banner entrypoint in the @ag.ds-next/react package.
For example:
import { ... } from '@ag.ds-next/react/hero-banner';
Props
HeroBanner Props| Prop | Type | Description |
|---|
| background? | "body" | "bodyAlt"Default: "bodyAlt" | The background of the component |
| children? | ReactNode | |
| image? | ReactNode | The hero image |
HeroBannerTitleContainer Props| Prop | Type | Description |
|---|
| children | ReactNode | |
HeroBannerTitle Props| Prop | Type | Description |
|---|
| children | ReactNode | |
HeroBannerSubtitle Props| Prop | Type | Description |
|---|
| children | ReactNode | |
HeroCategoryBanner Props| Prop | Type | Description |
|---|
| background? | "body" | "bodyAlt"Default: "bodyAlt" | The background of the component |
| children? | ReactNode | |
| image? | ReactNode | The hero image |
HeroCategoryBannerTitle Props| Prop | Type | Description |
|---|
| children | ReactNode | |
HeroCategoryBannerSubtitle Props| Prop | Type | Description |
|---|
| children | ReactNode | |
HeroSubcategoryBanner Props| Prop | Type | Description |
|---|
| background? | "body" | "bodyAlt"Default: "bodyAlt" | The background of the component |
| children? | ReactNode | |
HeroSubcategoryBannerTitle Props| Prop | Type | Description |
|---|
| children | ReactNode | |
Source
You can view the full source code for this package on Github.