Images, Figures & Object Fit
Image primitives for avatars, rounded media, thumbnails, figures, and fixed-container object-fit behavior.
Image variants
Circular avatar, rounded preview, and thumbnail presentation styles.
Avatar
Rounded
Thumbnail
HoverActiveFocusDisabled
Figures
Media with captions for reports, releases, and editorial dashboards.
HoverActiveFocusDisabled
Object fit cover
Cover fills a fixed frame and crops excess image content.
object-cover
HoverActiveFocusDisabled
Object fit contain and fill
Contain preserves the full image; fill stretches to the frame.
object-contain
object-fill
HoverActiveFocusDisabled