https://github.com/sirajcode/studio

💻 A UI design system to make truly re-useable with React JS styled-components
https://github.com/sirajcode/studio

design-system react reactjs styled-components

Last synced: about 1 month ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/sirajcode/studio
• Owner: sirajcode
• Created: 2022-10-12T07:42:32.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-01-18T13:43:59.000Z (11 months ago)
• Last Synced: 2024-11-07T15:56:50.561Z (about 2 months ago)
• Topics: design-system, react, reactjs, styled-components
• Homepage: https://studiopropssystem.netlify.app/
• Size: 284 KB
• Stars: 2
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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:

```bash

  npm install studio-props-system

```

### Usage

```javascript

import styled from 'styled-components';

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

const Text = styled.p`

${color}

${typography}

`;

function App() {

  return studio props system

}

```

### Features

- light weight.

- simpler (easy-to-use).

- covered css/styled properties.

- work with `styled-components` only.

### Author

**M. Siraj**

[Linkedin] | [Twitter]

[twitter]: https://twitter.com/engsiraj_

[linkedin]: https://linkedin.com/in/engsiraj