• Getting Started
  • Components
  • Github
  • Go pro
energyGetting started
  • Introduction
dComponents
  • Button Components
  • Grid Components
  • Input Components
  • Layout Components
  • Toast Components
  • Widget Components
  • Alert
  • Badge
  • Breadcrumb
  • Callout
  • Card
  • Carousel
  • Charts
  • Collapse
  • CreateElement
  • DataTable
  • Dropdown
  • ElementCover
  • Embed
  • Fade
  • Form
  • Icon
  • Img
  • Jumbotron
  • Link
  • ListGroup
  • Media
  • Modal
  • Nav
  • Navbar
  • Pagination
  • Popover
  • Progress
  • Spinner
  • Switch
  • Tabs
  • Toggler
  • Tooltip

Media

Documentation and examples for React's media object to construct highly repetitive components like blog comments, tweets, and the like.


Usage

Example

Media Title

Cras sit amet nibh libero, in gravida nulla.


Script


  return (
    <CMedia>
      <img src="https://picsum.photos/1024/480/?image=54" height="50"/>
      <CMediaBody>
        <h5 className="mt-0">Media Title</h5>
        <p>
          Cras sit amet nibh libero, in gravida nulla.
        </p>
      </CMediaBody>
    </CMedia>
  )
  


# Features

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

# Media API

NameRequiredTypeDefault Value
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag



MediaBody


# MediaBody API

NameRequiredTypeDefault Value
classNamestring
user classes for the main HTML tag
innerRef(object | Function | string)
ref to the main tag

  • Components
    • Usage
      • Features
      • API
    • Related
      • CMedia
      • CMediaBody
CoreUI © 2020 creativeLabs.core-logo