text | React.ReactNode | (optional) The text content of the InfoCard, displayed/rendered in a paragraph. To fully customize the content, see children property. |
title | React.ReactNode | (optional) The title of the InfoCard. |
centered | boolean | (optional) Centers the content. Defaults to false. |
dropShadow | boolean | (optional) Sets the drop shadow of the info card. Defaults to true. |
stretch | boolean | (optional) Stretch the card to fill the container. |
className | string | (optional) Custom className for the component root. |
icon | React.ReactNode | (optional) Custom icon. Defaults to the lightbulb icon. |
imgProps | ImgProps | (optional) Image properties applied to the img element if the component is used to display an image. |
alt | React.ReactNode | (optional) Used in combination with src to provide an alt attribute for the image element. |
src | string | (optional) Specifies the path to the image. |
skeleton | boolean | (optional) If set to true, an overlaying skeleton with animation will be shown. Defaults to false. |
closeButtonText | React.ReactNode | (optional) The close button text. |
closeButtonProps | ButtonProps | (optional) Props forwarded to the close button. |
closeButtonAttributes | ButtonProps | (deprecated) Deprecated. Use closeButtonProps instead. |
acceptButtonText | React.ReactNode | (optional) The accept button text. |
acceptButtonProps | ButtonProps | (optional) Props forwarded to the accept button. |
acceptButtonAttributes | ButtonProps | (deprecated) Deprecated. Use acceptButtonProps instead. |
children | React.ReactNode | (optional) Can be used to add custom content, which is displayed/rendered between the text property and buttons. |
Space | string
object | (optional) Spacing properties like top or bottom are supported. |