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

3.8.0 • 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.

Package Sidebar

Install

npm i @xstyled/styled-components

Homepage

xstyled.dev

Weekly Downloads

16,136

Version

3.8.0

License

MIT

Unpacked Size

61.4 kB

Total Files

8

Last publish

Collaborators

  • probablyup
  • neoziro