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 spanTag 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