styled-up v1.0.0-beta.1

Styled Up

Usage

Install it:

yarn add styled-up

After installation, you need to wrap you app in StyledUp component:

import { StyledUp } from 'styled-up';
...

<StyledUp>
  <App />
</StyledUp>

RTL

Easy! Just pass isRTL={true} to the main wrapper StyledUp:

<StyledUp isRTL={true}>
  <App />
</StyledUp>

Customizing

import { StyledUp, variables } from 'styled-up';

// Set new values
variables.color.primary = '...';
variables.color.secondary = '...';
variables.color.tertiary = '...';
variables.font.primary = '...';
...

// Render your app like normal
<StyledUp>
  <App />
</StyledUp>

Components

Coming soon...