Salt design system logo
  • About
  • Getting started
  • Foundations
  • Themes
  • Components
  • Patterns
  • Overview
  • Accordion
  • AG Grid theme
  • Avatar
  • Badge
  • Banner
  • Border layout
  • Button
  • Calendar 🚧
  • Card
  • Checkbox
  • Combo box
  • Country symbol
  • Date Input 🚧
  • Date Picker 🚧
  • Dialog
  • Divider
  • Drawer
  • Dropdown
  • File drop zone
  • Flex layout
  • Flow layout
  • Form field
  • Grid layout
  • Icon
  • Input
  • Link
  • List box
  • Menu
  • Multiline input
  • Navigation item
  • Overlay
  • Pagination
  • Panel
  • Parent-child layout
  • Pill
  • Progress
  • Radio button
  • Salt provider
  • Scrim
  • Segmented button group
  • Slider 🚧
  • Spinner
  • Split layout
  • Stack layout
  • Status indicator
  • Stepped tracker 🚧
  • Switch
  • System status 🚧
  • Tabs 🚧
  • Tag
  • Text
  • Toast
  • Toggle button
  • Tokenized input 🚧
  • Tooltip

Flex layout

FlexLayout controls the direction, size and position of items displayed in a UI container. Use when the direction needs complex customization that can't be achieved by StackLayout, FlowLayout or SplitLayout. For additional control of the size and position of content, use FlexItem for each content item inside FlexLayout.

Examples
How to use
Accessibility

Also known as

CSS flexbox, Flexible box, Responsive layout

Similar to

  • Flow layout
  • Parent-child layout
  • Split layout
  • Stack layout

Resources

  • View source code

Support

  • Report a bug
  • Request a feature

Previous Page

File drop zone / File drop zone

Next Page

Flow layout / Flow layout

Terms of use
Privacy policy
Contact us
© 2025 JPMorgan Chase & Co. All rights reserved.