https://github.com/reflex-dev/reflex-chakra

Chakra Implementation in Reflex
https://github.com/reflex-dev/reflex-chakra

chakra chakra-ui python reflex ui

Last synced: 3 months ago
JSON representation

Chakra Implementation in Reflex

• Host: GitHub
• URL: https://github.com/reflex-dev/reflex-chakra
• Owner: reflex-dev
• License: apache-2.0
• Created: 2024-08-14T23:47:59.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-11-05T13:43:30.000Z (3 months ago)
• Last Synced: 2024-11-05T14:44:40.182Z (3 months ago)
• Topics: chakra, chakra-ui, python, reflex, ui
• Language: Python
• Homepage: https://chakra.reflex.run/introduction/
• Size: 1.4 MB
• Stars: 12
• Watchers: 4
• Forks: 2
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# reflex-chakra

Use [reflex](https://reflex.dev/) with chakra-ui components.

## Installation 

```commandline

pip install reflex-chakra

```

## Usage

```python

import reflex as rx

import reflex_chakra as rc

def index():

   return rx.fragment(

       rc.vstack(

           rc.heading("This is a header"),

           rc.center("This text is centered"),

           rc.button(

               "click me",

               on_click=rx.toast("show toast!"),

               bg="purple",

               border_radius="0.5em",

               pl="10px"

           )

       ),

       

   )

app = rx.App()

app.add_page(index)

```

Visit the [docs](https://reflex.dev/docs/library/chakra/datadisplay/badge/) for more info of chakra-ui components.