Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
On this page

    ## Examples ### Responsive images Images in CoreUI for Angular are made responsive with `fluid` property. This applies `max-width: 100%;` and `height: auto;` to the image so that it scales with the parent element.
    ### Image thumbnails In addition to our [border-radius utilities](https://coreui.io/docs/utilities/borders), you can use prop `thumbnail` to give an image a rounded 1px border appearance.
    ### Rounded Image Give an image a `rounded` border appearance.
    ### Aligning images Align images with the `align` property.
    --- ## API reference ### Image Module
    ### cImg _directive_
    | name | description | type | default | | ---- | ----------- | ---- | ------- | | `align` | Set the horizontal aligment. | ``""`` \| ``"start"`` \| ``"end"`` \| ``"center"`` | `""` | | `fluid` | Make image responsive. | `boolean` | _false_ | | `rounded` | Make image rounded. | `boolean` |_false_| | `thumbnail` | Give an image a rounded 1px border appearance. | `boolean` | _false_ |
    • GitHub
    • Twitter
    • Support
    • CoreUI (Vanilla)
    • CoreUI for React.js
    • CoreUI for Vue.js

    CoreUI for Angular is Open Source UI Components Library for Angular.

    Currently v5.6.8 Code licensed MIT , docs CC BY 3.0 .
    CoreUI PRO requires a commercial license.

    Advertisement