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

Uploaded Source

Built Distribution

reflex_chakra-0.6.0a1-py3-none-any.whl (169.3 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a1.tar.gz
  • Upload date:
  • Size: 69.3 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.2 CPython/3.11.8 Darwin/23.5.0

File hashes

Hashes for reflex_chakra-0.6.0a1.tar.gz
Algorithm Hash digest
SHA256 9061790bb59134cf2200461de45f582987cef29032f82864165a3c5badb86cf5
MD5 d29adc778268e4392c8767d8f93f9ba0
BLAKE2b-256 bb5fdd402a624425b76e83f3c481cc1d133d50812ab99906dcdf27883cb60638

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a1-py3-none-any.whl
  • Upload date:
  • Size: 169.3 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.2 CPython/3.11.8 Darwin/23.5.0

File hashes

Hashes for reflex_chakra-0.6.0a1-py3-none-any.whl
Algorithm Hash digest
SHA256 68c22e00591530c38acedb20ee9c192109a3591f3e58fb3a51c9e939b13c66ad
MD5 e3ae1fd8b39a78dd0e30bddc77c4ee30
BLAKE2b-256 f38c4d1d36d5b1ffc7669fb1dc3b633e2704a77a3b5f1d93111e21b208576528

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