Reflex Logo
Docs Logo
Library

/

Layout

/

Grid

Component for creating grid layouts. Either rows or columns may be specified.

Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Card 9
Card 10
Card 11
Card 12
Card 1
Card 2
Card 3
Card 4
Card 5
Card 6
Card 7
Card 8
Card 9
Card 10
Card 11
Card 12

API Reference

rx.grid

Component for creating grid layouts.

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
-
as_child
bool
-
columns
str
-
rows
str
-
flow
"row" | "column" | ...
-
align
"start" | "center" | ...
-
justify
"start" | "center" | ...
-
spacing
"0" | "1" | ...
-
spacing_x
"0" | "1" | ...
-
spacing_y
"0" | "1" | ...
-

Built with Reflex