reflex using chakra components
Project description
reflex-chakra
Use reflex with chakra-ui components.
Installation
pip install reflex-chakra
Usage
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 for more info of chakra-ui components.
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
reflex_chakra-0.6.0a2.tar.gz
(74.4 kB
view details)
Built Distribution
File details
Details for the file reflex_chakra-0.6.0a2.tar.gz
.
File metadata
- Download URL: reflex_chakra-0.6.0a2.tar.gz
- Upload date:
- Size: 74.4 kB
- Tags: Source
- Uploaded using Trusted Publishing? No
- Uploaded via: poetry/1.4.2 CPython/3.11.3 Darwin/22.1.0
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 2860b229f0f325becf30719ac6cf1bbe763879699c010be6a85b1f44ae927e07 |
|
MD5 | 5676bfb1a63b0d0911597d1577ed3172 |
|
BLAKE2b-256 | 755f6272bfa4fafc790db2d93a91196ceb69952894d90ba9b8ca175206d954b7 |
File details
Details for the file reflex_chakra-0.6.0a2-py3-none-any.whl
.
File metadata
- Download URL: reflex_chakra-0.6.0a2-py3-none-any.whl
- Upload date:
- Size: 174.7 kB
- Tags: Python 3
- Uploaded using Trusted Publishing? No
- Uploaded via: poetry/1.4.2 CPython/3.11.3 Darwin/22.1.0
File hashes
Algorithm | Hash digest | |
---|---|---|
SHA256 | 8332d9ed04d0c3b940b05150dbef2dbcc234414bbf1cceef93841bf8743467fd |
|
MD5 | 15969d789b99f2a96ea10d715f6712b2 |
|
BLAKE2b-256 | d03345107947dd4a420a32e3ef27cf502ee83fe38e64e8dc3f5bde996a37ba6c |