@thumbtack/tp-ui-element-img v1.2.5

package: '@thumbtack/tp-ui-element-img' kit: image/index.mdx platform: scss url: /components/image/scss/

mdxType: componentApi

import '@thumbtack/tp-ui-element-img';

Fixed dimension images

<img class="tp-img" src="https://www.placecage.com/40/40" width="40" height="40" />

Rounded images

Slightly rounded corners

<img src="https://www.placecage.com/100/100" class="tp-img tp-img--round" />

Circular images

<img src="https://www.placecage.com/100/100" class="tp-img tp-img--circle" />

Image with border

Add a thin border around the image.

<img src="https://www.placecage.com/100/100" class="tp-img tp-img--border" />