React styled components enchanced with props
v 0.1.7
Project is created with:
- React 18.0.17
- styled components 5.3.6
- css 3
To run studio-props-system, install it locally using npm:
npm install studio-props-system
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>
}
- light weight.
- simpler (easy-to-use).
- covered css/styled properties.
- work with
styled-components
only.
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.
- Live preview.
- button variant.
- webpage.
- rwd for devices.
M. Siraj