Banner
Banners are used for advertising brands, products, and/or collections. They comprise an image, some text content, and a call-to-action button. The final Banner component is a compound of the following:
BannerImage: the component that wraps the image displayed in the component.BannerContent: the content of the banner, including a title, description, andBannerLink.BannerLink: the banner's call-to-action link.
Import​
import { Banner, BannerImage, BannerContent, BannerLink } from '@faststore/ui'
Usage​
Get to know our new release
Your one-stop shop for making this summer season the best of all.
Variants​
Horizontal​
Get to know our new release
Your one-stop shop for making this summer season the best of all.
Props​
All banner-related components support all attributes also supported by the <div> tag.
Besides those attributes, the following props are also supported:
Banner​
BannerImage​
BannerContent​
Customization​
data-fs-banner
data-fs-banner=('vertical'|'horizontal')
data-banner-image
data-banner-content
data-banner-link