Skip to content
This repository was archived by the owner on Jul 6, 2025. It is now read-only.
This repository was archived by the owner on Jul 6, 2025. It is now read-only.

Will aleph support twin.macro in upcoming version? #60

Open

Description

@leopku

I'm working with taildwind and twin.macro to build re-usable components easily.

Will aleph support twin.macro or something like emotion or styled-components etc to make component building easier in upcoming version?

Or there are better way to build re-usable components by tailwind and aleph?

Activity

  1. shadowtime2000 commented on Dec 20, 2020

    @shadowtime2000
    Member

    Kind of ties in with #42. I don't think there are any CSS-in-JS libraries which support Aleph or Deno, mainly because to become faster they have their own Babel plugin, but Aleph/Deno uses swc.

  2. ije commented on Dec 20, 2020

    @ije
    Member

    @leopku i want to support styled-component in the future, and next release will support inline-style out-of-the-box:

    export default function App() {
      return (
        <>
          <h1>Hello World</h1>
          <style>{`
            h1 {
              color: #d63369;
            }
          `}</style>
        </>
      )
    }

    but it is hard to support babel-macro since we dont' use the babel transformer.

  3. leopku commented on Dec 20, 2020

    @leopku
    Author

    @shadowtime2000 @ije Thanks.

    I had many components building and composing with class names from tailwindcss, for example:

    const btnBase = css`$tw{inline-flex py-3 px-5 rounded-lg items-center focus:outline-none}`;
    const btnPrimary = css`$tw{bg-indigo-500 text-white}`;

    Maybe I should find another way to build reusable component using tailwindcss.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions