# Media

# Usage

Examples
<template>
  <CMedia>
    <h5 class="mt-0">Media Title</h5>
    <p>
      Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin.
      Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc
      ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
    </p>
  </CMedia>
</template>
Media Title

Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

# Features

  • Aside element on the left or right side,
  • Aside element have CImg component functionality by default

# CMedia API

Name
Default
Type
addAsideMargin true Boolean
Adds margin class to aside depending on asideRight prop (ml-3 or mr-3).
addAsideClasses undefined String/Array/Object
Additional classes of aside wrapper.
addBodyClasses undefined String/Array/Object
Additional classes of body wrapper.
asideRight false Boolean
Change aside position to the right side.
asideImageProps undefined Object
Optional object with CImg component properties. You can add additional CImg props, or override values declared in CMedia component by default (blankColor: #777777, width: 64px, height: 64px/ 100%)
asideVerticalPosition 'start' String
Vertical position of the aside. Available values: 'start', 'center', 'end', 'stretch'. Stretch mode sets default height of the aside element from 64px to 100%.