Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

Code

console.log()

Size

Use the size prop to control text size. This prop also provides correct line height and corrective letter spacing—as text size increases, the relative line height and letter spacing decrease.

console.log()console.log()console.log()console.log()console.log()console.log()console.log()console.log()console.log()

Weight

Use the weight prop to set the text weight.

console.log()console.log()console.log()console.log()

Variant

Use the variant prop to control the visual style.

console.log()console.log()console.log()console.log()

Color

Use the color_scheme prop to assign a specific color, ignoring the global theme.

console.log()console.log()console.log()console.log()

High Contrast

Use the high_contrast prop to increase color contrast with the background.

console.log()console.log()console.log()console.log()
console.log()console.log()console.log()console.log()

API Reference

rx.code

A block level extended quotation.

Test
PropType | ValuesDefaultInteractive
variant
"classic" | "solid" | ...
size
"1" | "2" | ...
weight
"light" | "regular" | ...
color_scheme
"tomato" | "red" | ...
high_contrast
bool

Event Triggers

See the full list of default event triggers