Switcher
The switcher layout allows you to lay two items next to each other until there is not enough horizontal space to allow that.
Configuration #
| Property | Default value | Description |
|---|---|---|
--gutter | var(--spacing-s-m) | This defines the space between each item |
--switcher-vertical-alignment | flex-start | How items should align vertically. Can be any acceptable flexbox alignment value. |
--switcher-target-container-width | 40rem | How large the container needs to be to allow items to sit inline with each other |