> For the complete documentation index, see [llms.txt](https://matteo-gabriele.gitbook.io/vue-progressive-image/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://matteo-gabriele.gitbook.io/vue-progressive-image/custom-css-class.md).

# Custom CSS class

You can use the custom-class attribute if you need to target the component or for a more in-depth style change. Ensure that you know what you are doing here and that you are not adding or removing the style needed by the plugin to function as expected.

```html
<template>
  <ProgressiveImage
    custom-class="my-progressive-image"
    src="https://picsum.photos/id/1080/1980/1080"
  />
</template>

<style>
.my-progressive-image {
  border: 10px solid red;
}
</style>

```