Image
Image component with responsive behavior for the system image.
Last updated
Was this helpful?
Image component with responsive behavior for the system image.
Last updated
Was this helpful?
src
: (required) The image source URL.
alt
: (optional) The image alt text.
title
: (optional) The image title.
align
: (optional) Align images with the helper float classes or text alignment classes. block-level images can be centered using the .mx-auto
margin utility class. options (float-start
, mx-auto d-block
, float-end
)
responsive
: (optional) Images in Bootstrap are made responsive with .img-fluid
. This applies max-width with 100% and height with auto to the image so that it scales with the parent width. thumbnails
: (optional)(true|false) In addition to Bootstrap border-radius utilities, you can use .img-thumbnail
to give an image a rounded 1px border appearance.
rounded
: (optional)(true|false) Rounded image.
image_utility_classes
: An array of utility classes that can be used to add extra Bootstrap utility classes or custom classes to this component.
Use the Image component with all possible options: