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 Loader Logo LogoLoader Menu Modal NotificationBar Pill Radio Select Skeleton Switch Tabs Text Textarea TextButton TextInput Typeahead Toast Tooltip
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

Loader

Usage Guidelines

Usage

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

Sizes

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

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

Color

Use one of the palette colors.

<Loader color="orange" />

<Loader color="orange" />

Props

name

type

default

color

string

'body'

size

'small' | 'medium' | 'large'

'medium'