twin.examples

twin.examples copied to clipboard

The existing demo of twin.macro + vite + emotion does not appear to allow component selectors using object syntax, e.g. as in the following snippet: ```jsx const Child = styled.div({...

idrm

New example with monorepo (Nx), Typescript and Styled Components

1

It took many hours to figure out how to link Nx, Styled Components, TailwindCSS and Twin. Then I decided to record my finding in an example. There's the guide on...

guillempuche

[next-styled-components] Type parameter ("T") defined but never used

5

Hi there, I'm using Twin version 2.6.2 and following the [next-styled-components](https://github.com/ben-rogerson/twin.examples/tree/master/next-styled-components) example with TypeScript. And my `twin.d.ts` file is warning me about a type parameter ("T") defined but never used....

lguima

Example of twin inside an nx-workspace with styled components

9

Based on #38 I did an example with styled-components. I added my scripts to handle multiple projects and add preset from a library

anymaniax

Some changes to make the storybook-emotion-example work

1

- added React-import in GlobalStyles.tsx - imported the created GlobalStyles.tsx instead of the twig-one - changed main.js to use Webpack5 and added storybook-deps required for WebPack5 - changed main.js to...

dictyo

Typing component props with Stitches

2

I've set up twin macros with [stitches](https://stitches.dev/) following the [examples](https://github.com/ben-rogerson/twin.examples/tree/master/next-stitches-typescript#complete-the-typescript-setup) but my `styled-components` export `any` type. I was wondering if there's a way to type it so that I can...

kyh

`tw` and `css` props don't work in Goober example

8

I could be missing something here but I can't get Preact + Goober to work with the `tw` or `css` props. Even the example ends up with the same output:...

sampotts

Example of twin inside an nx-workplace

7

discussion from https://github.com/ben-rogerson/twin.examples/issues/20 See `apps/web/pages/index.tsx` for example usage. It's a minimal example that closely follows the rollup + component library in this repo. What I'd really love, is to demonstrate...

mmmoli

Storybook and gatsby

10

Storybook, Emotion, Gatsby. I've been struggling to add twin.macro to storybook in gatsby. I get warnings like the following ``` WARNING in ./node_modules/twin.macro/node_modules/babel-plugin-macros/dist/index.js 78:24-31 Critical dependency: require function is used...

lukesmurray

[component-library-styled-components] issue with Storybook.

1

Hi there, just wanted to say amazing project! Loving using it so far. I used your `component-library-styled-components` with `Next.js` example and then added Storybook as you have in the `storybook-styled-components-typescript`...

Rhym