An inline component is a layout primitive used to arrange elements horizontally.
The order and direction of inline items can be reversed.
Inline items can be aligned on the horizontal axis.
Inline items can be aligned on the vertical axis.
Whether or not to reverse the order of the elements.
An alias for the css justify-content property.
An alias for the css align-items property.
Whether to wrap the flex items. The value can also be a boolean.
An alias for the css flex-basis property.
An alias for the css flex-grow property.
An alias for the css flex-shrink property.
Whether to display the flex container as an inline element.
Coming from Orbiter, you should be aware of the following change:
gap value has been reduced to 1rem / var(--hop-space-inline-md) from 1.25rem. Use UNSAFE_gap="1.25rem" as a temporary measure during the migration to the Hopper design system. This value should eventually be removed to align with the new design standards.