Guides
Get started Component definition Designing custom elements Development best practices
Styles
Colors Typography Spacing Shadows Radii
Components
Avatar Button Checkbox ColorPicker Dropdown FormField Icon IconButton Illustration Link List Logo Menu Modal NotificationBar Pill Radio Select Skeleton Switch Tabs Text Textarea TextButton TextInput Typeahead Toast Tooltip
Loaders
Loader LogoLoader EllipsesLoader WaveformLoader
Layout
Align Arrange Backdrop Container ErrorContainer Popover Spacer Split
Icons
Icon set
Illustrations
Illustration set
Patterns
Disabled styles Errors Forms Discovery Plan upgrade Settings
Utilities
CSS utilities CSS variables Responsive
Playground
Layout recipes Showcase

Ellipses Loader

Usage Guidelines

Usage

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

Sizes

<Arrange gap="medium">
  <EllipsesLoader size="small" />
  <EllipsesLoader size="medium" />
  <EllipsesLoader size="large" />
</Arrange>

<Arrange gap="medium">
  <EllipsesLoader size="small" />
  <EllipsesLoader size="medium" />
  <EllipsesLoader size="large" />
</Arrange>

Color

Use one of the palette colors.

<EllipsesLoader color="orange" />

<EllipsesLoader color="orange" />

Props

name

type

default

color

string

'body'

size

'small' | 'medium' | 'large'

'medium'