Docs
Image Text

Image Text

Text with a image background.

Image Text

Installation

Props

PropTypeDefaultDescription
imageSrcstring""The source URL of the background image
textstring / React.ReactNode""The text or content to display over the image
overlayOpacitynumber?50The opacity of the text overlay (0-100)
textPosition`"top"/"center""bottom"`The vertical position of the text
textAlignment"left"/"center"/"right"The horizontal alignment of the text
classNamestring?""Additional classes for the container
imageAltstring?"Background image"The alt text for the image
heightnumber?400The height of the component (in pixels)
textClassNamestring?"font-bold"Additional classes for the text element