Framework:
  • JavaScript / Vanilla JS
  • React.js
  • Vue.js
Rocket
New Year sale. Skyrocket your business in 2025!
Extra 25% off for all sale items + Free CoreUI Icons PRO with every order!
Limited-time offer for the first 100 customers in 2025. Use code 2025SKY25 at checkout.
Get offer!
On this page

Loading...
 ## 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.
| 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.3.8 Code licensed MIT , docs CC BY 3.0 .
CoreUI PRO requires a commercial license.