This package has been deprecated

Author message:

Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

@psoares/styled-utils
TypeScript icon, indicating that this package has built-in type declarations

0.1.3 • Public • Published

Styled-utils

NPM

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

/@psoares/styled-utils/

    Package Sidebar

    Install

    npm i @psoares/styled-utils

    Weekly Downloads

    1

    Version

    0.1.3

    License

    MIT

    Unpacked Size

    109 kB

    Total Files

    49

    Last publish

    Collaborators

    • psoares