Grid
The BitGrid component is a flexible and customizable grid layout, offering responsive columns and alignment flexibility for structured content presentation.
Usage
Basic
Show code
Grid Item1
Grid Item2
Grid Item3
Grid Item4
Grid Item5
Grid Item6
Grid Item7
Grid Item8
Columns
Show code
Column span 4
Column span 2
Column span 2
Column span 1
Column span 1
Column span 1
Column span 1
Alignment
Show code
Grid Item1
Grid Item2
Grid Item3
Grid Item4
Grid Item5
Grid Item6
Grid Item7
Grid Item8
Grid Item9
Grid Item10
Grid Item11
Grid Item12
Grid Item13
Spacings
Show code
Grid Item1
Grid Item2
Grid Item3
Grid Item4
Grid Item5
Grid Item6
Grid Item7
Grid Item8
Grid Item9
Grid Item10
Grid Item11
Grid Item12
Grid Item13
Grid Item14
Grid Item15
Grid Item16
Breakpoints
Show code
Grid item breakpoints:
Md = 1
Xs = 3, Md = 2
Lg = 2
Xs = 1, Lg = 1
Xs = 3
Xs = 2, Md = 3
Xs = 2
Grid parent breakpoints:
Grid Item1
Grid Item2
Grid Item3
Grid Item4
Grid Item5
Grid Item6
Grid Item7
Grid Item8
API
BitGrid parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase parameters
Name |
Type |
Default value |
Description |
---|---|---|---|
BitComponentBase public members
Name |
Type |
Default value |
Description |
---|---|---|---|
BitGridItem properties
Name |
Type |
Default value |
Description |
---|---|---|---|
BitAlignment enum
Name |
Value |
Description |
---|---|---|
BitVisibility enum
Name |
Value |
Description |
---|---|---|
BitDir enum
Name |
Value |
Description |
---|---|---|
- On this page