Usage

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

Brands

Variants

Size

Custom ID

Note: this section currently only affects the AI symbol (for more context).

When there're multiple elements on the same page refer to radialGradient with the same id, it may invalidate the second and following references. To resolve it, you can assign a custom ID to the AI symbol.

Color

Use one of the palette colors.

Symbol and wordark colors can be assigned independently with symbolColor and wordmarkColor props.

Props

name
type
default
variant
'combined' | 'symbol' | 'wordmark'
'combined'
wordmarkColor
string
'body'
brand
'loom' | 'ai'
'loom'
customId
string
''
title
string
''
maxWidth
number | string
symbolColor
string