Docs

Back to component list

BoxCarouselSlide

Creates a carousel slide for. Must be within a <BoxCarousel /> component.

NameDefault
children
node
backgroundImageId
stringnull
backgroundImageFit
string'cover'

Set how the background image should be fit into the box.

Possible options:

  • fill
  • contain
  • cover
  • none
  • scale-down

Live demo and more details: https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

backgroundImagePosition
string'center center'

Set how the background image should be positioned within the box.

Takes two values, one for the horizontal and one for the vertical axis.

Example values:

  • center bottom
  • 2rem center
  • top right

Live demo and more details: https://developer.mozilla.org/en-US/docs/Web/CSS/object-position

linkId
string

Id of an internal page to link to

href
string

URI of an external page to link to

hash
string

Option hash to attach to the link href

title
string

Optional title. Should be set for a11y and seo reasons when link has non-text content.



Back to component list