Skip to main content

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, and BannerLink.
  • BannerLink: the banner's call-to-action link.

Import​

import { Banner, BannerImage, BannerContent, BannerLink } from '@faststore/ui'

Usage​

Loading...

Variants​

Horizontal​

Loading...

Props​

All banner-related components support all attributes also supported by the <div> tag.

Besides those attributes, the following props are also supported:

BannerImage​

BannerContent​

Customization​

data-store-banner

data-store-banner=('vertical'|'horizontal')

data-banner-image

data-banner-content

data-banner-link