diff --git a/src/blocks/Banner/Banner.tsx b/src/blocks/Banner/Banner.tsx index 40b2a6e49..488a33f6a 100644 --- a/src/blocks/Banner/Banner.tsx +++ b/src/blocks/Banner/Banner.tsx @@ -10,10 +10,10 @@ import './Banner.scss'; const b = block('banner-block'); export const BannerBlock = (props: BannerBlockProps) => { - const {animated, ...bannerProps} = props; + const {animated, className, ...bannerProps} = props; return ( - + ); diff --git a/src/blocks/Banner/__stories__/data.json b/src/blocks/Banner/__stories__/data.json index 921d74aff..3dbf0a6d9 100644 --- a/src/blocks/Banner/__stories__/data.json +++ b/src/blocks/Banner/__stories__/data.json @@ -3,6 +3,7 @@ "content": { "theme": "dark", "type": "banner-block", + "className": "", "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit", "subtitle": "

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

", "image": "/story-assets/img_8-12_dark.png", @@ -18,6 +19,7 @@ "content": { "theme": "light", "type": "banner-block", + "className": "", "title": "Lorem ipsum dolor sit amet, consectetur adipiscing elit", "subtitle": "

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

", "image": { diff --git a/src/models/constructor-items/sub-blocks.ts b/src/models/constructor-items/sub-blocks.ts index ca3cff75d..2e48346ec 100644 --- a/src/models/constructor-items/sub-blocks.ts +++ b/src/models/constructor-items/sub-blocks.ts @@ -157,6 +157,7 @@ export interface BasicCardProps export interface BannerCardProps { title: string; subtitle?: string; + className?: string; image?: ThemeSupporting; disableCompress?: boolean; color?: ThemeSupporting;