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.8.2.post1.tar.gz (63.6 kB view details)

Uploaded Source

Built Distribution

If you're not sure about the file name format, learn more about wheel file names.

reflex_chakra-0.8.2.post1-py3-none-any.whl (168.5 kB view details)

Uploaded Python 3

File details

Details for the file reflex_chakra-0.8.2.post1.tar.gz.

File metadata

  • Download URL: reflex_chakra-0.8.2.post1.tar.gz
  • Upload date:
  • Size: 63.6 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? Yes
  • Uploaded via: uv/0.8.4

File hashes

Hashes for reflex_chakra-0.8.2.post1.tar.gz
Algorithm Hash digest
SHA256 f1d86b879230d4d4e280a85cc03e95f326d5a0a4b89eb2cb675b37d8455944c2
MD5 a9e6fb641c5ef06647e8b72f4fe384b7
BLAKE2b-256 14c009820908402c4b57ec8c8d4b4490d3fdc048e4429cafe6287d4bd28fbbb8

See more details on using hashes here.

File details

Details for the file reflex_chakra-0.8.2.post1-py3-none-any.whl.

File metadata

File hashes

Hashes for reflex_chakra-0.8.2.post1-py3-none-any.whl
Algorithm Hash digest
SHA256 efcac9c8c623bd1cbacf9721107ba9be7573dfb099e36c20c18e32d55262e188
MD5 aad1ec19c72b7e8ff516fe8155f46851
BLAKE2b-256 af259a45cb575302d7b78990e446af785cd2eeb6d1afef71e6eeb1d1dbaeb93f

See more details on using hashes here.

Supported by

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