studio-props-system

Studio props system

React styled components enchanced with props

v 0.1.7

Technologies

Project is created with:

• React 18.0.17
• styled components 5.3.6
• css 3

Setup

To run studio-props-system, install it locally using npm:

  npm install studio-props-system

Usage

import styled from 'styled-components';
import {color, typography } from 'studio-props-system';

const Text = styled.p`
${color}
${typography}
`;

function App() {
  return <Text fontSize='smHeading' color='Gray500'>studio props system</Text>
}

Features

• light weight.
• simpler (easy-to-use).
• covered css/styled properties.
• work with styled-components only.

Todo

studio props system is in its developement phase yet, instead of using latest version of studio-props-system use stable version mentioned on the top of page.

under progress 🚧

• Live preview.
• button variant.
• webpage.
• rwd for devices.

Author

M. Siraj

Linkedin | Twitter