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

Uploaded Source

Built Distribution

reflex_chakra-0.6.0a5-py3-none-any.whl (173.5 kB view details)

Uploaded Python 3

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a5.tar.gz
  • Upload date:
  • Size: 73.4 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.7 Darwin/22.6.0

File hashes

Hashes for reflex_chakra-0.6.0a5.tar.gz
Algorithm Hash digest
SHA256 b44e73478462052f09c9677d3fd7726891b4af87711b4b6a2171f010049308c9
MD5 37126d43c407a82144b5cf81fb6023a6
BLAKE2b-256 25cc2a0337323f3dcc5451b76d4fe51581b7fd1f680b716243d34bec0abeceb1

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a5-py3-none-any.whl
  • Upload date:
  • Size: 173.5 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: poetry/1.8.3 CPython/3.11.7 Darwin/22.6.0

File hashes

Hashes for reflex_chakra-0.6.0a5-py3-none-any.whl
Algorithm Hash digest
SHA256 9d502ddf3bd606baef4f0ff6453dcefb5e19dab4cfaf7c23df069fab70687a63
MD5 466529f552a9252194d1a33b57dec320
BLAKE2b-256 1faf656075f931859e0d2e7bfd320cba8ce7bbca155b2ccf533328c2af253703

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