Have ideas to improve npm?Join in the discussion! »

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

    2.4.1 • Public • Published

    xstyled

    A utility-first CSS-in-JS framework built for React.

    License npm package npm downloads CircleCI codecov Code style Dependencies DevDependencies Small size

    npm install @xstyled/styled-components styled-components

    Docs

    See the documentation at xstyled.dev for more information about using xstyled!

    Quicklinks to some of the most-visited pages:

    import { x } from '@xstyled/styled-components'
    
    function Example() {
      return (
        <x.div p={{ _: 3, md: 6 }} bg="white" display="flex" spaceX={4}>
          <x.div flexShrink={0}>
            <x.img h={12} w={12} src="/img/logo.svg" alt="xstyled Logo" />
          </x.div>
          <x.div>
            <x.h4
              fontSize={{ _: 'md', lg: 'xl' }}
              fontWeight="medium"
              color="black"
            >
              xstyled
            </x.h4>
            <x.p color="gray-500">A CSS-in-JS framework built for React.</x.p>
          </x.div>
        </x.div>
      )
    }

    License

    Licensed under the MIT License, Copyright © 2019-present Greg Bergé.

    See LICENSE for more information.

    Install

    npm i @xstyled/styled-components

    DownloadsWeekly Downloads

    4,576

    Version

    2.4.1

    License

    MIT

    Unpacked Size

    217 kB

    Total Files

    22

    Homepage

    xstyled.dev

    Last publish

    Collaborators

    • avatar