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

Didn't find your answers? Ask the Community. For documentation suggestions, submit your feedback.

JOIN THE COMMUNITY