Customizing spinner

[hellagirrl]

Hi! I was wondering is there any way to customize a spinner? E.g. by implementing bootstrap spinner-border? I tried doing it like this:

    <InfiniteLoading :tableData="tableData" @infinite="load">
         <div class="text-center pt-5 my-loading">
             <div class="spinner-border" role="status">
                 <span class="visually-hidden">Loading...</span>
             </div>
         </div>
    </InfiniteLoading>

But it isn't working.

[hellagirrl]

Figured out how to implement this:

      <div class="text-center py-5 my-loading">
        <div class="spinner-border" role="status">
          <span class="visually-hidden">Loading...</span>
          <InfiniteLoading
            :tableData="tableData"
            @infinite="load"
            style="display: none"
          />
        </div>
      </div>

[oumoussa98]

hello @hellagirrl. You can easily override the default spinner using slots

<InfinteLoading>
  <template #spinner>
      <h1>loading...</h1>
   </template>
</InfiniteLoading>