Skip to content

💻 A UI design system to make truly re-useable with React JS styled-components

Notifications You must be signed in to change notification settings

engsiraj/studio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

94 Commits
 
 
 
 
 
 

Repository files navigation

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.

Author

M. Siraj

Linkedin | Twitter

About

💻 A UI design system to make truly re-useable with React JS styled-components

Topics

Resources

Stars

Watchers

Forks