API Reference
csx
Integrations
Stitches

Stitches Integration

Integrates CSX with stitches (opens in a new tab).

Usage

Install the packages

npm i @vtex/shoreline-stitches @stitches/react

Write your styles

example.css.ts
import { csx } from '@vtex/shoreline-stitches'
 
export const example = csx({
  bg: '$bg-primary',
  fg: '$fg-primary',
})
example.tsx
import { example } from './example.css.ts'
 
function Example() {
  return <div className={example}>{/** ... */}</div>
}