With xstyled/system you can easily override styles for your components. When you use a component (e.g.
Select) that is wrapped by a container component (e.g.
ConnectedField), we want to make sure that the correct style props are passed to the correct component i.e. which props affect
ConnectedField and which props affect
We split these props at the container level so that…
- width, margin and positioning props are applied to the container (e.g.
- all the rest are applied to the underlying component (e.g.