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: about 2 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 (10 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T21:19:01.000Z (2 months ago)
- Last Synced: 2025-03-24T22:22:22.321Z (2 months ago)
- Topics: chakra, chakra-ui, python, reflex, ui
- Language: Python
- Homepage: https://chakra.reflex.run/introduction/
- Size: 1.43 MB
- Stars: 28
- Watchers: 3
- Forks: 6
- Open Issues: 9
-
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.