Parent-child layout
Parent-child Layout provides a parent content area alongside a dependent child content area and responsively stacks them at a given breakpoint. It is typically used for master-detail interactions, where selection in the parent (master) determines detail displayed in the child, such as navigation for a preferences dialog.
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
- To organize content into two areas: a larger area, and a smaller area that controls the larger area.
- To position more than two layout items along a single dimension. Instead, use
FlexLayout,FlowLayout,StackLayoutorSplitLayoutdepending on how you want to position them. - To position more than two layout items in a grid. Instead, use
GridLayout.
To import ParentChildLayout from the core Salt package, use:
- To organize content into two areas: a larger area, and a smaller area that controls the larger area.
- To position more than two layout items along a single dimension. Instead, use
FlexLayout,FlowLayout,StackLayoutorSplitLayoutdepending on how you want to position them. - To position more than two layout items in a grid. Instead, use
GridLayout.
To import ParentChildLayout from the core Salt package, use:
- To organize content into two areas: a larger area, and a smaller area that controls the larger area.
- To position more than two layout items along a single dimension. Instead, use
FlexLayout,FlowLayout,StackLayoutorSplitLayoutdepending on how you want to position them. - To position more than two layout items in a grid. Instead, use
GridLayout.
To import ParentChildLayout from the core Salt package, use: