https://github.com/bnhovde/styled-helpers

A collection of useful helper components for your react app
https://github.com/bnhovde/styled-helpers

css react styled-components ui ui-library

Last synced: about 1 month ago
JSON representation

A collection of useful helper components for your react app

• Host: GitHub
• URL: https://github.com/bnhovde/styled-helpers
• Owner: bnhovde
• License: mit
• Created: 2017-08-06T12:30:54.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-08-13T09:34:41.000Z (over 7 years ago)
• Last Synced: 2024-10-01T16:18:48.474Z (about 2 months ago)
• Topics: css, react, styled-components, ui, ui-library
• Language: JavaScript
• Homepage: https://bnhovde.github.io/styled-helpers/
• Size: 736 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Styled-helpers

A collection of useful helper components for your react app

> Built using styled components

[Docs and demo site](https://bnhovde.github.io/styled-helpers/)

### Installation

```sh

npm install styled-helpers

```

### Usage

```jsx

import { Block } from 'styled-helpers';

const App = () => (

  

    

  

);

```

### Components

The following components are included:

#### Block

The  component adds global spacing to contents, use this everywhere you need margin or padding instead of adding padding to elements (where you can)

> All blocks will have left/right padding by default unless 'full' is used.

Usage: `...`

```jsx

const App = () => (

  

    

  

);

```