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

Library

/

Layout

/

Grid

Grid

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

Basic Example

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.

Test
PropType | ValuesDefaultInteractive
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" | ...

Event Triggers

See the full list of default event triggers