www.radzen.com
- Solutionskeyboard_arrow_down
- Productskeyboard_arrow_down
- Resourceskeyboard_arrow_down
Radzen Blazor Components
Stack
A stack layout is a way of arranging elements in a vertical or horizontal stack.
In this demo four colored cards (A, B, C, D) with varying heights (20px to 80px) demonstrate RadzenStack flexbox layout with controls to adjust Orientation, AlignItems, JustifyContent, Wrap, Gap, and Reverse properties.
Orientation
Horizontal
- Horizontal
- Vertical
AlignItems
Normal
- Normal
- Center
- Start
- End
- Stretch
JustifyContent
Normal
- Normal
- Center
- Start
- End
- Left
- Right
- SpaceBetween
- SpaceAround
- SpaceEvenly
- Stretch
Wrap
NoWrap
- NoWrap
- Wrap
- WrapReverse
Gap
Reverse
A
B
C
D
All the tools in one place
Save Hours on Every Project
With Radzen Blazor subscription you get the full toolkit, including:
support
Dedicated support backed by proven expertise
palette
Premium themes and theme editor
widgets
Ready-to-use UI blocks
dashboard_customize
Complete app templates
format_shapes
Visual design-time-experience
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT
- UI Fundamentalskeyboard_arrow_down
- UI Blocks Prokeyboard_arrow_down
- App Templateskeyboard_arrow_down
- DataGrid Updated keyboard_arrow_down
- Data-bindingkeyboard_arrow_down
- Virtualizationkeyboard_arrow_down
- Columns Updated keyboard_arrow_down
- Filtering Updated keyboard_arrow_down
- Hierarchy Updated keyboard_arrow_down
- Selection Updated keyboard_arrow_down
- Sortingkeyboard_arrow_down
- Paging Updated keyboard_arrow_down
- Grouping Updated keyboard_arrow_down
- Custom Headerkeyboard_arrow_down
- Save/Load settings Updated keyboard_arrow_down
- Drag & Drop Updated keyboard_arrow_down
- PivotDataGrid New keyboard_arrow_down
- Data Updated keyboard_arrow_down
- DataListkeyboard_arrow_down
- DataFilterkeyboard_arrow_down
- Treekeyboard_arrow_down
- Imageskeyboard_arrow_down
- Layout Updated keyboard_arrow_down
- Navigationkeyboard_arrow_down
- Formskeyboard_arrow_down
- DropDownkeyboard_arrow_down
- HtmlEditorkeyboard_arrow_down
- Data Visualizationkeyboard_arrow_down
- Chartkeyboard_arrow_down
- Feedbackkeyboard_arrow_down
- Alertkeyboard_arrow_down
- Validatorskeyboard_arrow_down
Demos Configuration
Premium Themes
- Material 3
- Material 3 Dark
- Fluent
- Fluent Dark
Free Themes
- Material
- Material Dark
- Standard
- Standard Dark
- Default
- Dark
- Humanistic
- Humanistic Dark
- Software
- Software Dark