ContextQMD
Back to Stitches

@stitches/react

packages/react/README.md

1.3.1-12.2 KB
Original Source

@stitches/react

@stitches/react is a react implementation of stitches, a CSS-in-JS library with a best-in-class developer experience.

<p> </p>
sh
# with npm
npm install @stitches/react

# with yarn
yarn add @stitches/react
<p> </p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22import+%7B+styled+%7D+from+%27https%3A%2F%2Fcdn.skypack.dev%2F%40stitches%2Freact%27%3B%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%7D"></a>

html
<script type="module">

import { styled } from 'https://cdn.skypack.dev/@stitches/react'

</script>
<p> </p>

<a href="https://codepen.io/embed/prefill?editable=true&default-tab=js%2Cresult&data=%7B%22js%22%3A%22const+%7B+styled+%7D+%3D+stitches%5Cn%5Cn%2F%2F+add+your+code+here%21%5Cn%2F%2F+see+https%3A%2F%2Fstitches.dev+for+documentation%22%2C%22js_external%22%3A%22https%3A%2F%2Funpkg.com%2Freact%2Fumd%2Freact.development.js%3Bhttps%3A%2F%2Funpkg.com%2Freact-dom%2Fumd%2Freact-dom.development.js%3Bhttps%3A%2F%2Funpkg.com%2F%40stitches%2Freact%2Fdist%2Findex.global.js%22%7D"></a>

js
<script src="https://unpkg.com/@stitches/react/dist/index.global.js"></script>
<script>

const { styled } = stitches

</script>
<p> </p>

Documentation

For full documentation, visit stitches.dev.

Contributing

Please follow our contributing guidelines.

Authors

License

Licensed under the MIT License, Copyright © 2022-present WorkOS.

See LICENSE for more information.