styled and cs in typescript

[itaysmalia]

Hi, I saw that you changed the css dom attribute to cs, and styled is not declared in index.d.ts, is that on purpose? I can submit a pr for it, but I don't really know what are you planning 😄 , Amazing job btw!!!

[ben-rogerson]

Hey there!

I've added the cs prop (and it's types) but it's different to the css prop and allows the short css syntax to be written in there. It also works with the css prop, so you can use both props at the same time if you need to.

eg:

The types for styled come from your chosen css-in-js library, if you want to set that up check out one of the example readmes for the setup.

[itaysmalia]

Ok,I Installed

"@emotion/core": "^11.0.0",
"@emotion/react": "^11.1.4",
"@emotion/styled": "^11.0.0"

And I still get:

import css
Module '"../node_modules/twin.macro/types"' has no exported member 'css'. Did you mean to use 'import css from "../node_modules/twin.macro/types"' instead?

when I try to

import tw, { css } from 'twin.macro'

same for styled, what should I do differently?

[ben-rogerson]

Did you check the typescript docs on those example readmes?

[itaysmalia]

My bad, didn't see it.
thanks!!

[srkrish2]

Where can I find the readme shown above @ben-rogerson ? I'm running into the same issue but can't find the resource.

[ben-rogerson]

@srkrish2 Only some of the examples have the typescript section (yep I'll be improving this :) )

Here's some links:
emotion / styled-components

[therealgilles]

Is there a reason why the cs prop is nowhere to be found in the documentation?

[ben-rogerson]

Never quite gained enough traction as a feature, but it's being deprecated soon so not worth adding it now