Media

Media objects provide you with a flexible component that can be easily nested and repeated, such as blog comments and tweets.

Media objects are useful for repetitive components that have a media element positioned alongside them, such as an user image or blog post image.

Nesting

Media components can be nested inside one another to create a parent-child relationship between related components.

Alignment

The media element in a media component can be aligned with flexbox helper classes to the top (default), middle, or end of the .media-body content.

Slots

Design Tokens