Awesome

@rebass/space

Formerly styled-space

React component for applying responsive margin and padding to child elements without a wrapping HTML container. Built with styled-components and styled-system

npm i @rebass/space

import React from 'react'
import Space from '@rebass/space'

// Apply margin to child components without a wrapping <div>
const App = props => (
  <Space mx={3} my={[ 2, 3 ]}>
    <h1>Hello</h1>
    <h2>Hi</h2>
    <button>Beep</button>
  </Space>
)

Props

The Space component uses [styled-system's][sys] space utility to add margin and padding props.

MIT License