Styled-utils
What is Styled Utils?
Styled Utils (formerly styled-gen) is a collection of helper functions that simplify the integration of multiple styles as React props within your styled components. It provides shorthand properties for managing layout components without the need to style them separately.
generateProps
usage example:
import { generateProps } from '@psoares/styled-utils';
import styled from 'styled-components';
cons MyStyledComp = styled.div`
// your css...
${generateProps};
`;
export const MyComponent = () => (
<div>
<MyStyledComp $tAlign={{ md: 'center', xs: 'left' }}>
Vestibulum auctor dapibus neque.
</MyStyledComp>
</div>
)
Documentation
Visit https://docs.page/psoaresbj/styled-utils to view full documentation.
License
MIT © psoaresbj