Skip to content
A react component library based on styled-components. 🕶
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
src
styleguide
.babelrc
.gitignore
.npmignore
.travis.yml
CONTRIBUTING.md
LICENSE.md
README.md
package.json
styleguide.config.js
yarn.lock

README.md

gestyled

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

Build Status Dependency Status npm version

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.

Licence

Copyright © 2017 Mike Barkmin. Licensed under the MIT License, see LICENSE.md for more information!

You can’t perform that action at this time.