Skip to content

Latest commit

 

History

History
39 lines (34 loc) · 1.26 KB

README.md

File metadata and controls

39 lines (34 loc) · 1.26 KB

Styled Shortcut Components 💅

Build Status npm version Coverage Status

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.