Each component has it own use, but sometimes combining the behaviour is useful and necessary. A common case for this is adding flexing abilities to non-layout components.
This example, would combine the behaviour of both
, allowing each of the components props to be set on a single element. This works by each component picking off the props that it cares about before spreading what's left onto the next component.
By default, every component ends with the Base
component to provide the general utility stylign on anything. Beware that some components may be internally composing and intercepting certain props.