reflex icon indicating copy to clipboard operation
reflex copied to clipboard

Tailwind support

Open Wazarr94 opened this issue 2 years ago β€’ 3 comments

Would it be possible to add Tailwind in the base project? It's a very popular framework for styling and it is compatible with chakra: https://github.com/chakra-ui/chakra-ui/issues/634

Here's a quick example on how it could be used:

def index():
    return pc.center(
        pc.vstack(
            pc.heading("Hello world!", class_name="text-xl"),
        ),
        class_name="pt-8",
    )

Wazarr94 avatar Dec 19 '22 13:12 Wazarr94

Yes I have known this and it is awesome, maybe we can add this as a optional dependence?

And Plotly.js should also be optional, at now it seems that we included Plotly.js in our backend assets, whatever it is be used or not.

FHU-yezi avatar Dec 19 '22 14:12 FHU-yezi

Yes, we can look into this. We need to add support for stylesheets and class names in the components, but should be possible.

picklelo avatar Dec 19 '22 15:12 picklelo

Hey everyone, is this still in active development?

Fire-Hound avatar Feb 03 '23 18:02 Fire-Hound

We now have provisional support for Tailwind in Pynecone through raw HTML elements (https://github.com/pynecone-io/pynecone/pull/627).

kbrgl avatar Apr 28 '23 09:04 kbrgl

We now provide Tailwind support through #1155.

kbrgl avatar Jun 16 '23 10:06 kbrgl