LogoLoader

Purpose

Create a branded moment with a loader. For example, this is used in <RecordedByLoom> at the end of certain videos. Please use sparingly! If you are looking for a more general purpose loader, try <Loader>.

Usage

import { LogoLoader } from '@loomhq/lens'
<LogoLoader />

Animation

By default the animation will run indefinitely. If it should only be run once, set animation-iteration-count to 1.

<>
  <LogoLoader animation="spin 2s 1 steps(49) forwards .5s" />
  <LogoLoader animation="spin 2s 1 steps(43) forwards" brand="ai" />
</>

Brand

<>
  <LogoLoader animation="spin 2s infinite steps(49) forwards" />
  <LogoLoader animation="spin 2s infinite steps(43) alternate" brand="ai" />
</>

Size

<LogoLoader animation="spin 2s infinite steps(49) forwards" size="small" />

Props