Adaptive Container

Adaptive container is a component that allows you to use flex box layout with content that automatically hides (display: none) children that overflow the available space.

Every children with the class dui-adaptive-fallback will be made visible once at least one of the other children is hidden. This allows you to create a button that opens a dropdown with the hidden buttons.

If you want to customize the dropdown, you can define as children your own dui-dropdown and define in it an container element with [duiAdaptiveHiddenContainer] directive. This places the hidden elements automatically into this container element.