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

Uploaded Source

Built Distribution

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

Uploaded Python 3

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a3.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.0a3.tar.gz
Algorithm Hash digest
SHA256 71cde012b7249fda9194a5f652b3b7c1dc2f4d5b39b38f53fe7531f8d9ea5248
MD5 a1de7fd39d5715bec8b8f675f2f62f20
BLAKE2b-256 e0b7777779930a6cd38a795abafd0a778e9e4ac95914f21652ee3dbf76546b8b

See more details on using hashes here.

File details

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

File metadata

  • Download URL: reflex_chakra-0.6.0a3-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.0a3-py3-none-any.whl
Algorithm Hash digest
SHA256 5e7ab4c25b783e6176f123b6fe8993d225ebaed51a790bd3c17617272724884c
MD5 cf90d96e8f32f566be59e155b9098ee8
BLAKE2b-256 19a3b142b5e1820b46eaca2221134d288d9ce3b19920c723153c7ab05e92d4b1

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