Reflex Logo
Docs Logo
Library

/

Typography

/

Code
console.log()

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()

Use the weight prop to set the text weight.

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

Use the variant prop to control the visual style.

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

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

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

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
access_key
str
-
auto_capitalize
"off" | "none" | ...
-
content_editable
Union["inherit" | "plaintext-only", bool]
-
context_menu
str
-
dir
str
-
draggable
bool
-
enter_key_hint
"enter" | "done" | ...
-
hidden
bool
-
input_mode
"none" | "text" | ...
-
item_prop
str
-
lang
str
-
role
"alert" | "alertdialog" | ...
-
slot
str
-
spell_check
bool
-
tab_index
int
-
title
str
-
variant
"classic" | "solid" | ...
-
size
"1" | "2" | ...
-
weight
"light" | "regular" | ...
-
color_scheme
"tomato" | "red" | ...
-
high_contrast
bool
-

Built with Reflex