Component Props ### Default Preview Code ```jsx import { BackgroundImage, Stack, Text } from '@xbeshui/core'; function Demo() { return ( The BackgroundImage component lets you layer content over images, perfect for hero headers and similar sections. ); } ```

The BackgroundImage component lets you layer content over images, perfect for hero headers and similar sections.

### BackgroundImage Component Props | Name | Type | Description | | --------------- | -------- | ----------------------------------------------------------------------------------------------- | | variant | default | Different visual styles or appearances of the component. | | radius | default, xs, sm, md, lg, xl | The radius prop specifies the border radius of the component, determining the roundness of its corners. Accepts values such as 'default', 'sm', 'md', 'lg', 'xl', 'xxl', 'full'. | | fit | contain, cover, fill, none, scaleDown | Determines how the image is resized to fit its container. | | defaultVariants | radius, fit | The DefaultVariants component allows for the definition of default styles and variants for UI elements, ensuring consistent design patterns and ease of customization. |