<template> <DocSectionText v-bind="$attrs"> <p>Special <i>pi-spin</i> class applies infinite rotation to an icon.</p> </DocSectionText> <div class="card flex justify-content-center gap-3"> <i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i> <i class="pi pi-spin pi-cog" style="font-size: 2rem"></i> </div> <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz /> </template> <script> export default { data() { return { code: { basic: ` <i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i> <i class="pi pi-spin pi-cog" style="font-size: 2rem"></i> ` } }; } }; </script>