Gestyled NPM | npm.io

gestyled

A React UI component library based on styled-components. 🕶️

npm install --save gestyled
# or if you're using yarn
yarn add gestyled

Usage

import React from 'react';
import { ThemeProvider, Button } from 'gestyled';

const App = props => (
    <ThemeProvider>
        <Button>Press me!</Button>
    </ThemeProvider>
);

Component Showcase

See all components with possible props at www.barkmin.eu/gestyled!

Base Props

All components are wrapped in a higher order component that handles design-system-based responsive style props using styled-system.

This idea is based on jxnblk's awesome functional React UI component library rebass, which is also based on styled-components.

Theme Support

You can use the styled-component ThemeProvider to theme the components. A default material theme can be found here. This theme is also used, when no other theme is provided.