Reel Grid

The `ReelGrid` component is designed for creating horizontal scrolling grids.

It uses CSS `grid` properties to define the grid layout and scrolling behavior.

Breakpoints

Reel Grid is one of the few components that uses BreakPoints.

Breakpoints only work inside of the Appshell Component.

checkout the breakpoint section for more detailed information about Breapoints in solid-layout

Width
Css
Changes
768px
@container app_shell (max-width: 768px)
gridAutoFlow: fallbackVar(breakPointDirection, column)
gridAutoColumns: fallbackVar(breakpointAutoColumns, max-content)

Code Example

Props