The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.

Usage

import { Text } from '@loomhq/lens'
<Text>Content</Text>

Sizes

Size smallSize mediumSize largeSize xlargeSize xxlargeSize xxxlarge

Weights

Weight bookWeight mediumWeight boldWeight black

Semantic variants

Variant mainTitle — Granularization of Incoming SignalsVariant title — Clouds is focused on the realtime granularization of incoming audio signals, and their transformation into amorphous textures.Variant body — The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.

Alignment

Align left
Align right
Align center

HTML tag

Change the HTML tag with htmlTag prop.

Tag h1

Tag h2

Tag h3

Tag h4

Tag p

Tag span
Tag div

Text with h2 tag and title variant

Text with h4 tag and size xxlarge

Color

Use one of the pallete colors.

Text with colorText with colorText with color

Ellipsis

The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.

Ellipsis lines

Use hasEllipsis and ellipsisLines to display multiple lines of text with ellipsis.

The textures generated by Clouds are extremely thick, partly because of the large number of concurrent grains (up to 60), partly because of a built-in allpass diffuser and reverberator, smearing the shortest transient into a wash of noise - giving the illusion of an even larger number of simultaneous grains.

Props

prop
type
default
required
size
oneOf: 'small', 'medium', 'large', 'xlarge', 'xxlarge', 'xxxlarge'
'medium'
fontWeight
oneOf: 'book', 'medium', 'bold', 'black'
'book'
htmlTag
oneOf: 'h1', 'h2', 'h3', 'h4', 'p', 'span', 'div'
'span'
variant
oneOf: 'body', 'title', 'mainTitle'
alignment
oneOf: 'left', 'right', 'center'
color
string
isInline
bool
isDimmed
bool
hasEllipsis
bool
ellipsisLines
number
children
node