Styled Shortcut Components 💅

TL;DR

• A convenience package that wraps Styled Components 💅 with Styled Shortcuts so you can do this:

  font-size: ${'fontSize:px'};
  

  instead of this:

  font-size: ${({ fontSize }) => `${fontSize}px`};
  

Install

$ npm i --save styled-shortcut-components

Usage

All you need to do to get the power of Styled Shortcuts is change your import from this:

import styled from 'styled-components';

to this:

import styled from 'styled-shortcut-components';

See Styled Components and Styled Shortcuts for complete details.