Skip to main content

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


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)

Uploaded Source

Built Distribution

reflex_chakra-0.6.0a2-py3-none-any.whl (174.7 kB view details)

Uploaded Python 3

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

Hashes for reflex_chakra-0.6.0a2.tar.gz
Algorithm Hash digest
SHA256 2860b229f0f325becf30719ac6cf1bbe763879699c010be6a85b1f44ae927e07
MD5 5676bfb1a63b0d0911597d1577ed3172
BLAKE2b-256 755f6272bfa4fafc790db2d93a91196ceb69952894d90ba9b8ca175206d954b7

See more details on using hashes here.

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

Hashes for reflex_chakra-0.6.0a2-py3-none-any.whl
Algorithm Hash digest
SHA256 8332d9ed04d0c3b940b05150dbef2dbcc234414bbf1cceef93841bf8743467fd
MD5 15969d789b99f2a96ea10d715f6712b2
BLAKE2b-256 d03345107947dd4a420a32e3ef27cf502ee83fe38e64e8dc3f5bde996a37ba6c

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page