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.0a6.tar.gz (74.7 kB view details)

Uploaded Source

Built Distribution

reflex_chakra-0.6.0a6-py3-none-any.whl (174.9 kB view details)

Uploaded Python 3

File details

Details for the file reflex_chakra-0.6.0a6.tar.gz.

File metadata

  • Download URL: reflex_chakra-0.6.0a6.tar.gz
  • Upload date:
  • Size: 74.7 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.0a6.tar.gz
Algorithm Hash digest
SHA256 124a780ea96d36d31f46b4c97bb0c0f111f2fb6e0d66a142e1577dad740f6e35
MD5 3901133e1bd2f22ac30f6bc9aa68d71b
BLAKE2b-256 8ffe7dfb6ec0a8bc3caca69e977f3ece5b159c11420d9f7073fe4428dc1067bc

See more details on using hashes here.

File details

Details for the file reflex_chakra-0.6.0a6-py3-none-any.whl.

File metadata

  • Download URL: reflex_chakra-0.6.0a6-py3-none-any.whl
  • Upload date:
  • Size: 174.9 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.0a6-py3-none-any.whl
Algorithm Hash digest
SHA256 a526f5db8a457c68c24317d007172e77b323a34abf03f05eeb8d92c014563bfb
MD5 b111879ee5415694699441d433940453
BLAKE2b-256 cf7ea3a0c20e730ad453dcab48a85fe0944e334dd8fec848512d44415e227935

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